diff --git a/website/src/_includes/navbar.html b/website/src/_includes/navbar.html
index 89b3a122d8..5f9d4be3f3 100644
--- a/website/src/_includes/navbar.html
+++ b/website/src/_includes/navbar.html
@@ -13,7 +13,7 @@
         <a href="/{{ '' if lang == 'en' else lang }}" class="dark:hidden lg:hidden ltr:mr-auto rtl:ml-auto"><img class="h-[32px]" src="/img/new/logo-symbol-light.svg" alt="" srcset=""></a>
         <a href="/{{ '' if lang == 'en' else lang }}" class="hidden dark:inline-block dark:lg:hidden lg:hidden ltr:mr-auto rtl:ml-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">
+        <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 h-[calc(100vh-66px)] lg:h-[66px] lg:top-0 lg:relative" id="menu">
             <div class="flex flex-col lg:flex-row justify-between lg:items-center gap-5 xl:gap-10 px-4 lg:px-0 h-full">
                 <ul class="flex flex-col lg:flex-row lg:items-center gap-3 py-4 lg:py-0 lg:gap-5 xl:gap-8">
                     
@@ -118,7 +118,7 @@
                 </ul>
 
                 <a href="https://github.com/simplex-chat/simplex-chat#help-us-with-donations"
-                    target="_blank" class="whitespace-nowrap flex items-center gap-1 self-center text-white dark:text-black text-[16px] font-medium tracking-[0.02em] rounded-[34px] bg-primary-light dark:bg-primary-dark py-3 lg:py-2 px-20 lg:px-5 mb-16 lg:mb-0"
+                    target="_blank" class="whitespace-nowrap flex items-center gap-1 self-center text-white dark:text-black text-[16px] font-medium tracking-[0.02em] rounded-[34px] bg-primary-light dark:bg-primary-dark py-3 lg:py-2 px-20 lg:px-5 mb-auto lg:mb-0"
                     >{{ "donate" | i18n({}, lang ) | safe }}
                 </a>
 
diff --git a/website/src/css/style.css b/website/src/css/style.css
index b9a77a59d5..71eb56fa67 100644
--- a/website/src/css/style.css
+++ b/website/src/css/style.css
@@ -292,10 +292,11 @@ header nav {
     max-height: 0;
     transform: translateY(-10px);
     transition: all .7s ease !important;
+    overflow: hidden;
   }
 
   .active .sub-menu {
-    max-height: 600px;
+    max-height: 1000px;
     transform: translateY(0px);
     opacity: 1;
     visibility: visible;
@@ -306,6 +307,7 @@ header nav {
     visibility: hidden;
     opacity: 0;
     transform: translateX(100%);
+    overflow-y: auto;
   }
 
   header nav.open {