diff --git a/index.css b/index.css
index 4e58b8c7..eac6795b 100644
--- a/index.css
+++ b/index.css
@@ -437,6 +437,14 @@ button.options:hover {
   margin: 0.8em 0 0 0;
 }
 
+#options .tip {
+  color: #444;
+  font-size: 0.9em;
+  font-family: sans-serif;
+  font-style: italic;
+  margin-left: 0.5em;
+}
+
 #aboutContent {
   text-align: justify;
 }
@@ -758,7 +766,7 @@ input[type="color"]::-webkit-color-swatch-wrapper {
 
 #viewMode > button {
   padding: 0.35em;
-  margin: 0.2em 0.3em 0.6em 0.3em;
+  margin: 0.3em 0.3em 0.6em 0.3em;
   float: left;
   width: 30.7%;
 }
diff --git a/index.html b/index.html
index 23cbe985..d6038633 100644
--- a/index.html
+++ b/index.html
@@ -469,9 +469,7 @@
             onclick="removePreset()"
           ></button>
 
-          <p data-tip="Click to toggle a layer, drag to raise or lower a layer. Ctrl + click to edit layer style">
-            Displayed layers and layers order:
-          </p>
+          <p>Displayed layers and layers order:</p>
           <ul
             data-tip="Click to toggle a layer, drag to raise or lower a layer. Ctrl + click to edit layer style"
             id="mapLayers"
@@ -716,13 +714,15 @@
             <li
               id="toggleVignette"
               data-tip="Vignette (border fading): click to toggle. Ctrl + click to edit style"
-              data-shortcut="[ (left bracket)"
+              data-shortcut="[ (left square bracket)"
               onclick="toggleVignette(event)"
               class="solid"
             >
               Vignette
             </li>
           </ul>
+          <div class="tip">Click to toggle, drag to raise or lower the layer</div>
+          <div class="tip">Ctrl + click to edit layer style</div>
 
           <div id="viewMode" data-tip="Set view node">
             <p>View mode:</p>