diff --git a/playground/layouts/default.vue b/playground/layouts/default.vue
index b443295..87fb21f 100644
--- a/playground/layouts/default.vue
+++ b/playground/layouts/default.vue
@@ -1,11 +1,17 @@
 <script setup lang="ts">
+import ContentWidthContainer from '~/components/ContentWidthContainer.vue'
+import NavBar from '~/components/nav/NavBar.vue'
 </script>
 
 <template>
   <div>
     <NavBar />
-    <div class="px-8 py-4">
-      <slot />
-    </div>
+    <ContentWidthContainer>
+      <div
+        class="px-4 py-4"
+      >
+        <slot />
+      </div>
+    </ContentWidthContainer>
   </div>
 </template>