diff --git a/playground/app.vue b/playground/app.vue
index 4b891dba..7a4b5d3f 100644
--- a/playground/app.vue
+++ b/playground/app.vue
@@ -37,7 +37,7 @@ function upperName (name: string) {
     <UContainer class="min-h-screen flex flex-col gap-4 items-center justify-center overflow-y-auto">
       <UNavigationMenu :links="components.map(component => ({ label: upperName(component), to: `/${component}` }))" class="border-b border-gray-200 dark:border-gray-800" />
 
-      <div class="flex-1 flex flex-col justify-center">
+      <div class="flex-1 flex flex-col justify-center pb-12">
         <NuxtPage />
       </div>
     </UContainer>