diff --git a/src/components/MobileNavbar.vue b/src/components/MobileNavbar.vue
index 9a7565d..b315566 100644
--- a/src/components/MobileNavbar.vue
+++ b/src/components/MobileNavbar.vue
@@ -1,7 +1,7 @@
 <template>
   <div
     class="xl:hidden fixed z-50 top-auto bottom-0 w-full md:w-2/3 md:left-1/2 p-4 transition-all duration-500 transform md:-translate-x-1/2"
-    :class="{'-translate-y-8 translate-x-9/12 sm:translate-x-1/2 xl:translate-x-0': opened}"
+    :class="{'-translate-y-8 translate-x-10/12 sm:translate-x-1/2 xl:translate-x-0': opened}"
   >
     <nav class="flex justify-evenly py-4 bg-gray-200 dark:bg-gray-700 rounded-3xl dark:text-white text-sm overflow-hidden">
       <nuxt-link to="/" class="relative font-medium">
@@ -16,7 +16,7 @@
       <nuxt-link to="/projects" class="relative font-medium">
         <LightbulbIcon :active="isWindow('/projects')"/>
       </nuxt-link>
-      <button @click.prevent='toggleMenu' class="font-medium cursor-pointer">
+      <button @click='toggleMenu' class="font-medium cursor-pointer">
         <CrossIcon v-if="opened" />
         <MenuIcon v-else :type="getMenuIconType"/>
       </button>
diff --git a/src/layouts/default.vue b/src/layouts/default.vue
index 75489e3..68da2b6 100755
--- a/src/layouts/default.vue
+++ b/src/layouts/default.vue
@@ -1,16 +1,16 @@
 <template>
-  <div class="relative">
+  <div>
     <SideMenu />
-    <div class="relative w-full overflow-hidden xl:overflow-visible">
+    <div class="w-full overflow-hidden xl:overflow-visible">
       <div
         id="slider"
-        class="relative xl:static shadow-2xl transform transition-all duration-500 overflow-hidden xl:overflow-visible"
-        :class="{'rounded-lg xl:rounded-none scale-95 md:scale-70 lg:scale-60 xl:scale-100 translate-x-9/12 sm:translate-x-4/12 lg:translate-x-3/12 xl:translate-x-0': opened}"
-        :style="opened ? `max-height: ${height}px` : 'max-height: none'"
+        class="xl:static shadow-2xl transition-all duration-500 overflow-hidden xl:overflow-visible"
+        :class="{'transform scale-90 md:scale-70 lg:scale-60 xl:scale-100 rounded-lg xl:rounded-none translate-x-10/12 sm:translate-x-4/12 lg:translate-x-3/12 xl:translate-x-0': opened}"
+        :style="`max-height: ${height}px`"
         :tabindex="opened ? -1 : 0"
       >
         <div
-          @click.prevent="closeMenu"
+          @click="closeMenu"
           class="min-h-screen relative z-50 bg-white dark:bg-black w-full min-w-screen pb-20 xl:pb-0 duration-300"
           :class="{'cursor-pointer': opened}"
         >
@@ -45,7 +45,7 @@ export default {
 
     const height = ref(0)
     onMounted(() => {
-      height.value = window.innerHeight
+      height.value = window.screen.height
     })
 
     return {