diff --git a/website/src/repl/components/Header.jsx b/website/src/repl/components/Header.jsx
index 29895deaf..21d05c0e9 100644
--- a/website/src/repl/components/Header.jsx
+++ b/website/src/repl/components/Header.jsx
@@ -113,7 +113,7 @@ export function Header({ context, embedded = false }) {
           {!isEmbedded && (
             <button
               title="share"
-              className={cx('cursor-pointer hover:opacity-50 flex items-center space-x-1 px-2')}
+              className={cx('cursor-pointer hover:opacity-50 flex items-center space-x-1 pl-2 pr-1')}
               onClick={() => setIsPanelOpened(!isPanelOpen)}
             >
               <span>menu</span>
diff --git a/website/src/repl/components/panel/Panel.jsx b/website/src/repl/components/panel/Panel.jsx
index 765ae649f..50fb07f55 100644
--- a/website/src/repl/components/panel/Panel.jsx
+++ b/website/src/repl/components/panel/Panel.jsx
@@ -195,10 +195,10 @@ function CloseButton({ onClick }) {
   return (
     <button
       onClick={onClick}
-      className={cx('text-foreground max-h-8 min-h-8 max-w-8 min-w-8 items-center justify-center p-0 mr-2')}
+      className={cx('text-foreground max-h-8 min-h-8 max-w-8 min-w-8 items-center justify-center p-0 mr-0.5')}
       aria-label="Close Menu"
     >
-      <XMarkIcon className="w-7 h-7" />
+      <XMarkIcon className="w-6 h-6" />
     </button>
   );
 }