diff --git a/frontend/components/Layout/AppSidebar.vue b/frontend/components/Layout/AppSidebar.vue
index 529e3b6d7d05..203f8347e5d3 100644
--- a/frontend/components/Layout/AppSidebar.vue
+++ b/frontend/components/Layout/AppSidebar.vue
@@ -176,13 +176,20 @@ export default defineComponent({
     },
   },
   setup(props, context) {
-    // V-Model Support
-    const drawer = computed({
+       // V-Model Support
+      const drawer = computed({
       get: () => {
         return props.value;
       },
       set: (val) => {
-        context.emit("input", val);
+          if(window.innerWidth < 760 && state.hasOpenedBefore === false){
+            state.hasOpenedBefore = true;
+            val = false
+            context.emit("input", val);
+          }
+          else{
+            context.emit("input", val);
+          }
       },
     });
 
@@ -191,6 +198,7 @@ export default defineComponent({
       topSelected: null as string[] | null,
       secondarySelected: null as string[] | null,
       bottomSelected: null as string[] | null,
+      hasOpenedBefore: false as boolean,
     });
 
     return {