diff --git a/wlx-overlay-s/src/assets/keyboard.xml b/wlx-overlay-s/src/assets/keyboard.xml
index 35d85cf..a30d2ea 100644
--- a/wlx-overlay-s/src/assets/keyboard.xml
+++ b/wlx-overlay-s/src/assets/keyboard.xml
@@ -3,24 +3,15 @@
   <!-- Key cap with a single label. -->
   <!-- Used for special keys. -->
   <template name="KeySpecial">
-    <rectangle
-      border_color="#0044CC"
-      border="2"
-      round="8"
-      color="#000A1C"
-      color2="#000002"
-      gradient="vertical"
-      width="${width}"
-      height="${height}"
-      min_width="${width}"
-      min_height="${height}"
-      max_width="${width}"
-      max_height="${height}"
-      margin="4"
-      align_items="center"
-      justify_content="center">
-      <sprite color="#FFFFFF" width="32" height="32" src="keyboard/${text}.svg" />
-    </rectangle>
+    <div width="${width}" height="${height}" min_width="${width}" min_height="${height}" max_width="${width}" max_height="${height}">
+      <rectangle
+        margin="4" width="100%" overflow="hidden" box_sizing="border_box"
+        border_color="#0044CC" border="2" round="8" color="#000A1C" color2="#000002" gradient="vertical"
+        align_items="center"
+        justify_content="center">
+        <sprite color="#FFFFFF" width="32" height="32" src="keyboard/${text}.svg" />
+      </rectangle>
+    </div>
   </template>
 
   <!-- Key cap with a single label. -->
@@ -97,4 +88,4 @@
     </div>
   </template>
 
-</layout>
\ No newline at end of file
+</layout>