diff --git a/website/src/_includes/navbar.html b/website/src/_includes/navbar.html
index 2e57e46306..1c0e386477 100644
--- a/website/src/_includes/navbar.html
+++ b/website/src/_includes/navbar.html
@@ -1,12 +1,12 @@
 <header class="">
-    <div class="flex items-center justify-end m-auto container h-[66px]">
+    <div class="flex items-center justify-end m-auto px-4 lg:px-7 h-[66px]">
         <a href="#" class="h-full py-4 hidden dark:hidden lg:inline-block mr-auto"><img class="w-auto h-[32px]" src="/img/new/logo-light.png" alt="logo" /></a>
         <a href="#" class="h-full py-4 hidden dark:lg:inline-block mr-auto"><img class="w-auto h-[32px]" src="/img/new/logo-dark.png" alt="logo" /></a>
         <a href="" class="dark:hidden lg:hidden mr-auto"><img class="h-[32px]" src="/img/new/logo-symbol-light.svg" alt="" srcset=""></a>
         <a href="" class="hidden dark:inline-block dark:lg:hidden lg:hidden mr-auto"><img class="h-[32px]" src="/img/new/logo-symbol-dark.svg" alt="" srcset=""></a>
         
         <nav class="bg-[#F0F1F2] dark:bg-gradient-radial-mobile dark:lg:bg-none lg:bg-transparent fixed top-[66px] left-0 right-0 bottom-0 lg:top-0 lg:relative" id="menu">
-            <div class="flex flex-col lg:flex-row justify-between lg:items-center gap-10 container h-full">
+            <div class="flex flex-col lg:flex-row justify-between lg:items-center gap-10 px-4 lg:px-7 h-full">
                 <ul class="flex flex-col lg:flex-row lg:items-center gap-3 py-4 lg:py-0 lg:gap-10">
                     
                     <li href="#" class="nav-link relative active">