diff --git a/core/appmanager/sveltekit/appmanager/src/routes/+layout.svelte b/core/appmanager/sveltekit/appmanager/src/routes/+layout.svelte
index 3437503..6aec4f8 100644
--- a/core/appmanager/sveltekit/appmanager/src/routes/+layout.svelte
+++ b/core/appmanager/sveltekit/appmanager/src/routes/+layout.svelte
@@ -5,9 +5,16 @@
   import { Toaster } from "svelte-french-toast";
 </script>
 
-<slot />
+<div id="main">
+  <slot />
+</div>
 
 <Toaster />
 
 <style>
+@media screen and (min-width:801px) {
+#main {
+  width: 600px;
+}
+}
 </style>
diff --git a/core/appmanager/sveltekit/appmanager/src/routes/+page.svelte b/core/appmanager/sveltekit/appmanager/src/routes/+page.svelte
index 6314f15..5e3e419 100644
--- a/core/appmanager/sveltekit/appmanager/src/routes/+page.svelte
+++ b/core/appmanager/sveltekit/appmanager/src/routes/+page.svelte
@@ -21,7 +21,6 @@
   };
 </script>
 
-<div class="main">
 <form>
   <input type="search" placeholder="Search" on:input={search} />
 </form>
@@ -49,14 +48,8 @@
     </ul>
   </nav>
 </aside>
-</div>
 
 <style>
-  .main {
-    max-width: 70%;
-    margin: 0 auto;
-  }
-
   article {
     margin: 0.3em;
     margin-bottom: 0.3em;