diff --git a/Iceshrimp.Frontend/Components/Compose.razor.css b/Iceshrimp.Frontend/Components/Compose.razor.css
index 039b2108..6e8c756f 100644
--- a/Iceshrimp.Frontend/Components/Compose.razor.css
+++ b/Iceshrimp.Frontend/Components/Compose.razor.css
@@ -1,10 +1,8 @@
 .compose {
     background-color: var(--background-color);
     border-radius: 1rem;
-    margin: 0 auto;
-    top: 10%;
+    margin: 10% auto 0;
     padding: 1rem;
-    position: relative;
     max-width: 45rem;
     color: var(--font-color);
 }
@@ -172,10 +170,10 @@
     }
 
     .compose {
-        top: 0;
         width: 100%;
         max-width: unset;
         min-height: 100vh;
+        margin-top: 0;
         padding-top: 0;
         border-radius: 0;
     }
diff --git a/Iceshrimp.Frontend/Components/ComposeAttachment.razor b/Iceshrimp.Frontend/Components/ComposeAttachment.razor
index 1f1ac988..8c973ad3 100644
--- a/Iceshrimp.Frontend/Components/ComposeAttachment.razor
+++ b/Iceshrimp.Frontend/Components/ComposeAttachment.razor
@@ -80,7 +80,7 @@
     private                                      ElementReference      Attachment       { get; set; }
     private                                      Menu                  AttachmentMenu   { get; set; } = null!;
 
-    private void Select() => AttachmentMenu.Toggle(Attachment);
+    private void Select() => AttachmentMenu.Toggle(Attachment, false);
 
     private void Open() => Js.InvokeVoidAsync("open", File.Url, "_blank");
 
diff --git a/Iceshrimp.Frontend/Components/ComposeAttachment.razor.css b/Iceshrimp.Frontend/Components/ComposeAttachment.razor.css
index fd49e988..d90093cb 100644
--- a/Iceshrimp.Frontend/Components/ComposeAttachment.razor.css
+++ b/Iceshrimp.Frontend/Components/ComposeAttachment.razor.css
@@ -3,7 +3,6 @@
     flex-direction: column;
     align-items: center;
     gap: 0.25rem;
-    position: relative;
     padding: 0.5rem 0.5rem 0;
     border-radius: 0.5rem;
     cursor: pointer;
diff --git a/Iceshrimp.Frontend/Components/Menu.razor b/Iceshrimp.Frontend/Components/Menu.razor
index 1f478810..ffea231c 100644
--- a/Iceshrimp.Frontend/Components/Menu.razor
+++ b/Iceshrimp.Frontend/Components/Menu.razor
@@ -20,11 +20,11 @@
                                                                                         "./Components/Menu.razor.js");
     }
     
-    public void Toggle(ElementReference root)
+    public void Toggle(ElementReference root, bool scrollY = true)
     {
         if (!_display)
         {
-            var pos = _module.Invoke<List<float>>("getPosition", root);
+            var pos = _module.Invoke<List<float>>("getPosition", root, scrollY);
             _left = pos[0];
             _top  = pos[1];
         }
diff --git a/Iceshrimp.Frontend/Components/Menu.razor.js b/Iceshrimp.Frontend/Components/Menu.razor.js
index 7b90971f..e501aef9 100644
--- a/Iceshrimp.Frontend/Components/Menu.razor.js
+++ b/Iceshrimp.Frontend/Components/Menu.razor.js
@@ -1,6 +1,6 @@
-export function getPosition(ref){
+export function getPosition(ref, scrollY){
     let rect = ref.getBoundingClientRect()
     let x = rect.right - (rect.width / 2) + window.scrollX;
-    let y = rect.bottom + window.scrollY;
+    let y = scrollY ? rect.bottom + window.scrollY : rect.bottom;
     return [x, y]
 }
\ No newline at end of file