diff --git a/web/components/nav/sidebar.tsx b/web/components/nav/sidebar.tsx
index 98460490..75b3e2f3 100644
--- a/web/components/nav/sidebar.tsx
+++ b/web/components/nav/sidebar.tsx
@@ -111,15 +111,13 @@ function MoreButton() {
 
 function CloseButton(props: { onClick: React.MouseEventHandler }) {
   return (
-    <div className="absolute top-0 right-0 -mr-12 pt-2 lg:hidden">
-      <button
-        className="ml-1 flex h-10 w-10 items-center justify-center rounded-full focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white"
-        onClick={props.onClick}
-      >
-        <span className="sr-only">Close sidebar</span>
-        <XIcon className="h-6 w-6 text-white" aria-hidden="true" />
-      </button>
-    </div>
+    <button
+      className="absolute top-2 -right-12 flex h-10 w-10 items-center justify-center rounded-full focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white lg:hidden"
+      onClick={props.onClick}
+    >
+      <span className="sr-only">Close sidebar</span>
+      <XIcon className="h-6 w-6 text-white" aria-hidden="true" />
+    </button>
   )
 }