diff --git a/website/src/_includes/navbar.html b/website/src/_includes/navbar.html
index ffb92eec85..cab3a2abf9 100644
--- a/website/src/_includes/navbar.html
+++ b/website/src/_includes/navbar.html
@@ -3,7 +3,7 @@
         <a href="#" class="hidden h-full py-4 lg:inline-block mr-auto"><img class="w-auto h-[32px]" src="/img/new/logo.png" alt="logo" /></a>
         <a href="" class="lg:hidden mr-auto"><img class="h-[32px]" src="/img/new/logo-symbol-light.svg" alt="" srcset=""></a>
         
-        <nav class="bg-[#F0F1F2] lg:bg-white absolute top-[66px] left-0 right-0 bottom-0 lg:top-0 lg:relative" id="menu">
+        <nav class="bg-[#F0F1F2] lg:bg-white 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">
                 <ul class="flex flex-col lg:flex-row lg:items-center gap-3 py-4 lg:py-0 lg:gap-10">
                     
@@ -82,7 +82,8 @@
         </nav>
 
         <button href="#" class="flex items-center justify-center h-[36px] w-[36px] ml-10">
-            <img src="/img/new/to-night-theme-icon.svg" alt="" srcset="">
+            <img src="/img/new/sun.svg" alt="" srcset="" class="hidden">
+            <img src="/img/new/moon.svg" alt="" srcset="">
         </button>
 
         <button href="" id="btn-mobile" class="flex lg:hidden items-center justify-center h-[36px] w-[36px] ml-10 nav-toggle-btn">