diff --git a/src/App.vue b/src/App.vue
index 654354f..c1e100d 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -9,11 +9,11 @@ import AllCustomPrimevue from './all-custom-primevue/all-custom-primevue.vue'
   <ZodForm v-if="false" />
   <TutorialForm v-if="false" />
 
-  <div class="flex flex-col md:flex-row items-start">
-    <div class="md:w-1/2 p-4 bg-white rounded-lg shadow-md dark:bg-gray-800 dark:text-white m-4">
+  <div class="flex flex-col md:flex-row items-start p-4 gap-4">
+    <div class="md:w-1/2 p-4 w-full bg-white rounded-lg shadow-md dark:bg-gray-800 dark:text-white">
       <AllCustom />
     </div>
-    <div class="md:w-1/2 p-4 bg-white rounded-lg shadow-md dark:bg-gray-800 dark:text-white m-4">
+    <div class="md:w-1/2 p-4 w-full bg-white rounded-lg shadow-md dark:bg-gray-800 dark:text-white">
       <AllCustomPrimevue />
     </div>
   </div>