diff --git a/web/src/components/layout/HeaderBar.js b/web/src/components/layout/HeaderBar.js
index 79fe4432..afb8b44e 100644
--- a/web/src/components/layout/HeaderBar.js
+++ b/web/src/components/layout/HeaderBar.js
@@ -363,7 +363,7 @@ const HeaderBar = () => {
         onClose={() => setNoticeVisible(false)}
         isMobile={styleState.isMobile}
       />
-      <div className="w-full px-4">
+      <div className="w-full px-3">
         <div className="flex items-center justify-between h-16">
           <div className="flex items-center">
             <div className="md:hidden">