diff --git a/web/kiri/index.css b/web/kiri/index.css
index 8f584fa4..e9183224 100644
--- a/web/kiri/index.css
+++ b/web/kiri/index.css
@@ -1014,6 +1014,9 @@ th, tr, td, label {
     justify-content: center;
     flex-direction: row;
 }
+#render-tools span {
+    position: relative;
+}
 #render-tools svg {
     font-size: 20px;
     aspect-ratio: 1/1;
@@ -1044,6 +1047,10 @@ th, tr, td, label {
     margin-top: 3px;
     padding: 3px;
     top: 100%;
+    left: 50%;
+    transform: translateX(-50%);
+    text-align: center;
+    white-space: nowrap;
 }
 #render-tools > span:not(:hover) .pop {
     display: none;
diff --git a/web/kiri/index.html b/web/kiri/index.html
index eb53d340..d034ce61 100644
--- a/web/kiri/index.html
+++ b/web/kiri/index.html
@@ -279,13 +279,34 @@
                     </div>
                 </div>
             </span>
-            <span id="context-mirror" xlk="rc_mirr"><i class="fas fa-arrows-left-right-to-line" title="mirror selection"></i></span>
-            <span id="context-duplicate" xlk="rc_dupl"><i class="fas fa-copy" title="duplicate selection"></i></span>
-            <span id="context-layflat" xlk="rc_lafl"><i class="fas fa-arrows-down-to-line" title="lay flat: choose a face to place on the work surface"></i></span>
-            <span id="context-setfocus" xlk="rc_focs"><i class="fas fa-eye" title="choose focal point, camera orbit center"></i></span>
-            <span id="render-solid" class="j-center" title="view solid"><i class="fas fa-square"></i></span>
-            <span id="render-wire" class="j-center" title="view wireframe"><i class="fas fa-border-all"></i></span>
-            <span id="render-ghost" class="a-center" title="view transparent"><i class="fas fa-border-none"></i></span>
+            <span id="context-mirror" xlk="rc_mirr">
+                <i class="fas fa-arrows-left-right-to-line"></i>
+                <div class="pop">mirror selection</div>
+            </span>
+            <span id="context-duplicate" xlk="rc_dupl">
+                <i class="fas fa-copy"></i>
+                <div class="pop">duplicate selection</div>
+            </span>
+            <span id="context-layflat" xlk="rc_lafl">
+                <i class="fas fa-arrows-down-to-line"></i>
+                <div class="pop">choose a face to place<br>on the work surface</div>
+            </span>
+            <span id="context-setfocus" xlk="rc_focs">
+                <i class="fas fa-eye"></i>
+                <div class="pop">choose focal point<br>camera orbit center</div>
+            </span>
+            <span id="render-solid" class="j-center">
+                <i class="fas fa-square"></i>
+                <div class="pop">render objects solid</div>
+            </span>
+            <span id="render-wire" class="j-center">
+                <i class="fas fa-border-all"></i>
+                <div class="pop">render objects wireframe</div>
+            </span>
+            <span id="render-ghost" class="a-center">
+                <i class="fas fa-border-none"></i>
+                <div class="pop">render objects transparent</div>
+            </span>
         </div>
     </div>