diff --git a/routes/_components/compose/ComposeBox.html b/routes/_components/compose/ComposeBox.html
index 5015833..3dc68ac 100644
--- a/routes/_components/compose/ComposeBox.html
+++ b/routes/_components/compose/ComposeBox.html
@@ -53,7 +53,7 @@
     position: -webkit-sticky;
     position: sticky;
     top: 10px;
-    z-index: 10;
+    z-index: 200;
   }
 
   .compose-content-warning-wrapper {
diff --git a/tests/spec/108-compose-dialog.js b/tests/spec/108-compose-dialog.js
index f350828..cadb37a 100644
--- a/tests/spec/108-compose-dialog.js
+++ b/tests/spec/108-compose-dialog.js
@@ -11,7 +11,8 @@ test('can compose using a dialog', async t => {
   await t.useRole(foobarRole)
   await scrollToStatus(t, 15)
   await t.expect(modalDialog.getAttribute('aria-hidden')).eql('true')
-    .click(composeButton)
+  await sleep(1000)
+  await t.click(composeButton)
     .expect(modalDialog.hasAttribute('aria-hidden')).notOk()
     .typeText(modalDialog.find('.compose-box-input'), 'hello from the modal')
     .click(modalDialog.find('.compose-box-button-compose'))