diff --git a/index.html b/index.html
index 864d5816..2fd5f2d7 100644
--- a/index.html
+++ b/index.html
@@ -19,7 +19,7 @@
 
     <!-- Site Menu Links  (for small screens)-->
     <div
-         class="dropMenuLinks ease-in-out duration-300 flex flex-col justify-between overflow-y-auto h-screen z-50 absolute top-0 -right-[2000px] backdrop-blur-sm sm:p-12 p-8 bg-white/90 w-screen ">
+         class="dropMenuLinks ease-in-out duration-300 flex flex-col justify-between overflow-y-auto h-screen z-50 absolute top-0 -right-[2000px] backdrop-blur-sm sm:p-12 p-8 bg-white/90 w-[70%] rounded-md	">
       <!-- Row - 1  -->
       <div class="row-1 flex items-center justify-between text-black ">
         <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"
diff --git a/script.js b/script.js
index fabfdff7..40ad9afe 100644
--- a/script.js
+++ b/script.js
@@ -1,13 +1,17 @@
 let dropMenuLinks = document.querySelector('.dropMenuLinks');
 let indexOpenDropDown = document.querySelector('.indexOpenDropDown');
 let closeDropDown = document.querySelector('.closeDropDown');
+let heroSection = document.querySelector('.heroSection');
 
 indexOpenDropDown.onclick = () => {
   dropMenuLinks.style.right = 0;
+  heroSection.style.zIndex = `1`;
 }
 
 closeDropDown.onclick = () => {
-  dropMenuLinks.style.right = '-2000px';
+  dropMenuLinks.style.right = `-2000px`;
+  heroSection.style.zIndex = `50`;
+
 }
 
 function subscribe() {