diff --git a/app.vue b/app.vue
index 23aeee05..4176960f 100644
--- a/app.vue
+++ b/app.vue
@@ -5,10 +5,13 @@
 
   <div v-if="route.path !== '/'" class="min-h-screen border-b">
     <div
-      class="flex-1 items-start px-4 md:grid md:grid-cols-[220px_minmax(0,1fr)] md:gap-6 md:px-8 lg:grid-cols-[240px_minmax(0,1fr)] lg:gap-10"
-      :class="[config.main.padded && 'container']"
+      class="flex-1 items-start px-4 md:grid md:gap-6 md:px-8 lg:gap-10"
+      :class="[
+        config.main.padded && 'container',
+        (page.aside ?? true) && 'md:grid-cols-[220px_minmax(0,1fr)] lg:grid-cols-[240px_minmax(0,1fr)]',
+      ]"
     >
-      <aside class="fixed top-[102px] z-30 -ml-2 hidden h-[calc(100vh-3.5rem)] w-full shrink-0 overflow-y-auto md:sticky md:top-[60px] md:block">
+      <aside v-if="page.aside ?? true" class="fixed top-[102px] z-30 -ml-2 hidden h-[calc(100vh-3.5rem)] w-full shrink-0 overflow-y-auto md:sticky md:top-[60px] md:block">
         <LayoutAside :is-mobile="false" />
       </aside>
       <NuxtPage />
@@ -23,6 +26,7 @@
 <script setup lang="ts">
 import Toaster from '@/components/ui/toast/Toaster.vue';
 
+const { page } = useContent();
 const config = useConfig();
 const route = useRoute();
 const { themeClass, radius } = useThemes();