diff --git a/src/components/shortcuts.css b/src/components/shortcuts.css
index 8f2dab04..851a9d05 100644
--- a/src/components/shortcuts.css
+++ b/src/components/shortcuts.css
@@ -7,10 +7,10 @@
   padding: 16px;
   background-color: var(--bg-faded-blur-color);
   z-index: 101;
-  box-shadow: 0 3px 8px -1px var(--drop-shadow-color);
   transition: all 0.3s ease-in-out;
   border: var(--hairline-width) solid var(--bg-color);
-  box-shadow: inset 0 -4px 16px -8px var(--button-bg-blur-color);
+  box-shadow: inset 0 -4px 16px -8px var(--button-bg-blur-color),
+    0 3px 8px -1px var(--drop-shadow-color);
 }
 #shortcuts-button .icon {
   transform: translateY(2px); /* Balance the icon's vertical alignment */
diff --git a/src/components/shortcuts.jsx b/src/components/shortcuts.jsx
index b466014b..6e14e661 100644
--- a/src/components/shortcuts.jsx
+++ b/src/components/shortcuts.jsx
@@ -66,7 +66,7 @@ function Shortcuts() {
         viewScroll="close"
         boundingBoxPadding="8 8 8 8"
         menuClassName="glass-menu shortcuts-menu"
-        offsetY={4}
+        offsetY={8}
         position="anchor"
         menuButton={
           <button