diff --git a/playground/app.config.ts b/playground/app.config.ts
index 6e49bf65..e60a3d22 100644
--- a/playground/app.config.ts
+++ b/playground/app.config.ts
@@ -2,10 +2,9 @@ export default defineAppConfig({
   ui: {
     primary: 'sky',
     button: {
-      base: 'font-semibold'
-    },
-    container: {
-      base: 'max-w-5xl'
+      slots: {
+        base: 'font-semibold'
+      }
     }
   }
 })
\ No newline at end of file
diff --git a/playground/app.vue b/playground/app.vue
index 968afa14..f6741e1c 100644
--- a/playground/app.vue
+++ b/playground/app.vue
@@ -11,7 +11,7 @@ const components = ['button', 'tooltip']
 <template>
   <UProvider>
     <UContainer class="min-h-screen flex flex-col gap-4 items-center justify-center">
-      <div class="flex gap-1">
+      <div class="flex gap-1.5">
         <ULink v-for="component in components" :key="component" :to="`/${component}`" active-class="text-primary capitalize text-sm">
           {{ component }}
         </ULink>