diff --git a/src/theme/Navbar/MobileSidebar/index.tsx b/src/theme/Navbar/MobileSidebar/index.tsx
index d25cf534..993a0809 100644
--- a/src/theme/Navbar/MobileSidebar/index.tsx
+++ b/src/theme/Navbar/MobileSidebar/index.tsx
@@ -16,7 +16,7 @@ function CloseButton() {
     <button
       type="button"
       aria-label="Close navigation bar"
-      className="absolute top-6 right-6 p-4 text-gray-900 hover:text-brand-700 dark:text-gray-50 dark:hover:text-brand-500 transition-colors"
+      className="absolute top-6 right-6 p-3 sm:p-4 text-gray-900 hover:text-brand-700 dark:text-gray-50 dark:hover:text-brand-500 transition-colors"
       onClick={() => mobileSidebar.toggle()}
     >
       <IconClose />