diff --git a/web/source/osk/browser/keytip.ts b/web/source/osk/browser/keytip.ts
index fe5c7dd80d..7404edba3c 100644
--- a/web/source/osk/browser/keytip.ts
+++ b/web/source/osk/browser/keytip.ts
@@ -78,7 +78,8 @@ namespace com.keyman.osk.browser {
         let canvasWidth = xWidth + Math.ceil(xWidth * 0.3) * 2;
         let canvasHeight = Math.ceil(2.3 * xHeight) + (ySubPixelPadding); //
 
-        kts.top = Math.floor(y - canvasHeight) + 'px';
+        kts.top = 'auto';
+        kts.bottom = Math.floor(keyman.osk.computedHeight - y) + 'px';
         kts.textAlign = 'center';
         kts.overflow = 'visible';
         kts.fontFamily = util.getStyleValue(kc,'font-family');
diff --git a/web/source/resources/osk/kmwosk.css b/web/source/resources/osk/kmwosk.css
index 9c9bde7198..23c6327653 100644
--- a/web/source/resources/osk/kmwosk.css
+++ b/web/source/resources/osk/kmwosk.css
@@ -402,6 +402,13 @@ div.android div.kmw-keytip-tip {
   background: #999;
 }
 
+div.android div.kmw-keytip-cap {
+  position: absolute;
+  background: #999;
+  border-radius: 0 0 5px 5px;
+  border-bottom: solid 1px #8a8d90
+}
+
 /* Dark mode - ensure text is colored appropriately for key tips. */
 @media (prefers-color-scheme: dark) {
   div.ios div.kmw-keytip {