From 197b521311b3a7eac4534e728af246f0ae3aecb6 Mon Sep 17 00:00:00 2001
From: Purshottam Jain <purshotamjaindelhi11@gmail.com>
Date: Mon, 21 Jul 2025 13:49:10 +0530
Subject: [PATCH] Refactor demo container styles for improved layout and
 spacing

---
 src/demo/TextAnimations/TextTypeDemo.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/demo/TextAnimations/TextTypeDemo.vue b/src/demo/TextAnimations/TextTypeDemo.vue
index 46ef2c1..05a131d 100644
--- a/src/demo/TextAnimations/TextTypeDemo.vue
+++ b/src/demo/TextAnimations/TextTypeDemo.vue
@@ -1,7 +1,7 @@
 <template>
   <TabbedLayout>
     <template #preview>
-      <div class="demo-container relative overflow-hidden flex items-start justify-start">
+      <div class="demo-container">
         <TextType
           :key="key"
           :text="texts"
@@ -217,7 +217,12 @@ const propData = [
   font-weight: 700;
 }
 .demo-container {
-  padding: 16px;
+  padding: 64px;
   min-height: 350px;
+  align-items: flex-start;
+  justify-content: flex-start;
+  display: flex;
+  position: relative;
+  overflow: hidden;
 }
 </style>