diff --git a/web/src/components/layout/headerbar/Navigation.jsx b/web/src/components/layout/headerbar/Navigation.jsx
index 403ef5bd..fc72dd78 100644
--- a/web/src/components/layout/headerbar/Navigation.jsx
+++ b/web/src/components/layout/headerbar/Navigation.jsx
@@ -65,7 +65,7 @@ const Navigation = ({
   };
 
   return (
-    <nav className='flex flex-1 items-center justify-center gap-1 mx-2 md:mx-4 overflow-x-auto whitespace-nowrap scrollbar-hide'>
+    <nav className='flex flex-1 items-center justify-center gap-3 mx-2 md:mx-4 overflow-x-auto whitespace-nowrap scrollbar-hide'>
       <SkeletonWrapper
         loading={isLoading}
         type='navigation'