diff --git a/src/layouts/LeftSidebarLayout.vue b/src/layouts/LeftSidebarLayout.vue
index 8f1f4e2..cebf224 100644
--- a/src/layouts/LeftSidebarLayout.vue
+++ b/src/layouts/LeftSidebarLayout.vue
@@ -3,8 +3,21 @@ import Sidebar from '@/features/sidebar/components/Sidebar.vue';
 </script>
 
 <template>
-    <Sidebar>
-        <slot name="sidebar" />
-    </Sidebar>
-    <slot />
-</template>
\ No newline at end of file
+    <div class="layout-container">
+        <div>
+            <Sidebar>
+                <slot name="sidebar" />
+            </Sidebar>
+        </div>
+        <div>
+            <slot />
+        </div>
+    </div>
+</template>
+
+<style scoped>
+.layout-container {
+    display: grid;
+    grid-template-columns: minmax(auto, 340px) 1fr;
+}
+</style>
\ No newline at end of file