diff --git a/nixosModules/ags/config/widgets/on-screen-keyboard/_index.scss b/nixosModules/ags/config/widgets/on-screen-keyboard/_index.scss
index 410f746e..f4d952b0 100644
--- a/nixosModules/ags/config/widgets/on-screen-keyboard/_index.scss
+++ b/nixosModules/ags/config/widgets/on-screen-keyboard/_index.scss
@@ -31,13 +31,14 @@
 
             label {
                 background-color: colors.$window_bg_color;
-                border: 0.08rem solid color.adjust(colors.$window_bg_color, $lightness: -3%);
-                border-radius: 0.7rem;
+                border-radius: 6px;
                 min-height: 3rem;
 
                 transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
 
-                box-shadow: 2px 1px 2px gray;
+                box-shadow: 2px 1px 2px colors.$accent-color;
+
+                padding: 4px;
 
                 margin: 4px 4px 4px 4px;
 
diff --git a/nixosModules/ags/config/widgets/on-screen-keyboard/keyboard.tsx b/nixosModules/ags/config/widgets/on-screen-keyboard/keyboard.tsx
index 6b946a73..a1a7b801 100644
--- a/nixosModules/ags/config/widgets/on-screen-keyboard/keyboard.tsx
+++ b/nixosModules/ags/config/widgets/on-screen-keyboard/keyboard.tsx
@@ -26,7 +26,7 @@ class ToggleButton extends astalify(Gtk.ToggleButton) {
 
 const L_KEY_PER_ROW = [8, 7, 6, 6, 6, 4];
 const SPACING = 4;
-const COLOR = 'rgba(0, 0, 0, 0.3)';
+const COLOR = 'rgba(0, 0, 0, 0.5)';
 
 export default () => {
     const ThirdWidth = Variable(0);