diff --git a/docs/app.vue b/docs/app.vue
index 70166e3a..48d441a4 100644
--- a/docs/app.vue
+++ b/docs/app.vue
@@ -18,8 +18,8 @@
 
     <UContainer class="mt-16">
       <div class="lg:grid lg:grid-cols-12 lg:gap-10 lg:relative">
-        <aside class="lg:flex lg:flex-col lg:relative pb-8 lg:pb-0 lg:sticky lg:top-0 px-4 sm:px-6 lg:px-0 lg:pt-16 lg:-mt-16 lg:self-start lg:col-span-3 lg:overflow-hidden sticky h-screen">
-          <nav class="overflow-y-auto h-auto py-12">
+        <aside class="lg:flex lg:flex-col lg:relative pb-8 lg:pb-0 lg:sticky lg:top-0 px-4 sm:px-6 lg:px-0 lg:pt-16 lg:-mt-16 lg:self-start lg:col-span-3 lg:overflow-hidden lg:sticky lg:h-screen">
+          <nav class="overflow-y-auto h-auto pt-8 lg:py-12">
             <ul class="space-y-6">
               <li v-for="section of sections" :key="section">
                 <h5 class="mb-3 uppercase tracking-wide font-semibold text-xs u-text-gray-900">
@@ -43,7 +43,7 @@
           </nav>
         </aside>
 
-        <div class="space-y-6 sm:px-6 lg:px-0 lg:col-span-9 py-12">
+        <div class="space-y-6 sm:px-6 lg:px-0 lg:col-span-9 lg:py-12">
           <NuxtPage />
         </div>
       </div>
diff --git a/docs/pages/components/[component].vue b/docs/pages/components/[component].vue
index 748ea3b3..17fc26ec 100644
--- a/docs/pages/components/[component].vue
+++ b/docs/pages/components/[component].vue
@@ -1,5 +1,5 @@
 <template>
-  <UCard v-if="component" class="relative flex flex-col" body-class="px-4 py-5 sm:p-6 relative" footer-class="px-4 py-4 sm:px-6 flex-1 lg:overflow-y-auto" style="max-height: calc(100vh - 10rem);">
+  <UCard v-if="component" class="relative flex flex-col lg:max-h-[calc(100vh-10rem)]" body-class="px-4 py-5 sm:p-6 relative" footer-class="px-4 py-4 sm:px-6 flex-1 lg:overflow-y-auto">
     <div class="flex justify-center">
       <component :is="is" v-bind="boundProps" />
     </div>
@@ -47,7 +47,7 @@
             v-model="prop.value"
             :name="prop.key"
             size="sm"
-            rows="8"
+            :rows="8"
             autoresize
           />
         </component>
@@ -122,6 +122,9 @@ const defaultProps = {
   },
   Textarea: {
     name: 'textarea'
+  },
+  Tooltip: {
+    text: 'Tooltip text'
   }
 }