diff --git a/src/app.css b/src/app.css
index e27f66b0..27e76c6d 100644
--- a/src/app.css
+++ b/src/app.css
@@ -1660,7 +1660,7 @@ body:has(.media-modal-container + .status-deck) .media-post-link {
   padding: 16px;
   background-color: var(--button-bg-blur-color);
   /* backdrop-filter: blur(16px); */
-  z-index: 10;
+  z-index: 20;
   box-shadow:
     0 3px 8px -1px var(--drop-shadow-color),
     0 10px 36px -4px var(--button-bg-blur-color);
diff --git a/src/components/compose-button.jsx b/src/components/compose-button.jsx
index 88c438d7..0ccf8284 100644
--- a/src/components/compose-button.jsx
+++ b/src/components/compose-button.jsx
@@ -148,7 +148,7 @@ export default function ComposeButton() {
         boundingBoxPadding={safeBoundingBoxPadding()}
         containerProps={{
           style: {
-            zIndex: 9,
+            zIndex: 19,
           },
           onClick: () => {
             menuRef.current?.closeMenu?.();