diff --git a/components/ui/Dropdowns/MultiLevel.vue b/components/ui/Dropdowns/MultiLevel.vue
index 4d83649..f3ea5cb 100644
--- a/components/ui/Dropdowns/MultiLevel.vue
+++ b/components/ui/Dropdowns/MultiLevel.vue
@@ -1,7 +1,7 @@
 <template>
     <view-component :name="name" :code="code">
-        <div class="flex justify-end px-3 pt-6 pb-104 sm:justify-center" slot="component">
-            <div class="relative inline-block ">
+        <div class="flex justify-end px-3 pt-6 pb-[26rem] sm:justify-center" slot="component">
+            <div class="relative inline-block">
                 <!-- Dropdown toggle button -->
                 <button @click="isOpen = !isOpen" class="relative z-10 block p-2 text-gray-700 bg-white border border-transparent rounded-md dark:text-white focus:border-blue-500 focus:ring-opacity-40 dark:focus:ring-opacity-40 focus:ring-blue-300 dark:focus:ring-blue-400 focus:ring dark:bg-gray-800 focus:outline-none">
                     <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" viewBox="0 0 20 20" fill="currentColor">
diff --git a/components/ui/Dropdowns/MultiLevelWithIcons.vue b/components/ui/Dropdowns/MultiLevelWithIcons.vue
index d32ba4e..084937b 100644
--- a/components/ui/Dropdowns/MultiLevelWithIcons.vue
+++ b/components/ui/Dropdowns/MultiLevelWithIcons.vue
@@ -1,6 +1,6 @@
 <template>
     <view-component :name="name" :code="code">
-        <div class="flex justify-end px-3 pt-6 pb-104 sm:justify-center" slot="component">
+        <div class="flex justify-end px-3 pt-6 pb-[26rem] sm:justify-center" slot="component">
            <div class="relative inline-block ">
                 <!-- Dropdown toggle button -->
                 <button @click="isOpen = !isOpen" class="relative z-10 block p-2 text-gray-700 bg-white border border-transparent rounded-md dark:text-white focus:border-blue-500 focus:ring-opacity-40 dark:focus:ring-opacity-40 focus:ring-blue-300 dark:focus:ring-blue-400 focus:ring dark:bg-gray-800 focus:outline-none">
diff --git a/components/ui/Dropdowns/UserInfo.vue b/components/ui/Dropdowns/UserInfo.vue
index 3d82443..17c9602 100644
--- a/components/ui/Dropdowns/UserInfo.vue
+++ b/components/ui/Dropdowns/UserInfo.vue
@@ -1,6 +1,6 @@
 <template>
     <view-component :name="name" :code="code">
-        <div class="flex justify-end px-3 pt-6 pb-128 sm:justify-center" slot="component">
+        <div class="flex justify-end px-3 pt-6 pb-[32rem] sm:justify-center" slot="component">
             <div class="relative inline-block ">
                 <!-- Dropdown toggle button -->
                 <button @click="isOpen = !isOpen" class="relative z-10 flex items-center p-2 text-sm text-gray-600 bg-white border border-transparent rounded-md focus:border-blue-500 focus:ring-opacity-40 dark:focus:ring-opacity-40 focus:ring-blue-300 dark:focus:ring-blue-400 focus:ring dark:text-white dark:bg-gray-800 focus:outline-none">
diff --git a/components/ui/Dropdowns/UserInfoWithIcons.vue b/components/ui/Dropdowns/UserInfoWithIcons.vue
index 560e989..7a81df9 100644
--- a/components/ui/Dropdowns/UserInfoWithIcons.vue
+++ b/components/ui/Dropdowns/UserInfoWithIcons.vue
@@ -1,6 +1,6 @@
 <template>
     <view-component :name="name" :code="code">
-        <div class="flex justify-end px-3 pt-6 pb-128 sm:justify-center" slot="component">
+        <div class="flex justify-end px-3 pt-6 pb-[32rem] sm:justify-center" slot="component">
             <div class="relative inline-block ">
                 <!-- Dropdown toggle button -->
                 <button @click="isOpen = !isOpen" class="relative z-10 flex items-center p-2 text-sm text-gray-600 bg-white border border-transparent rounded-md focus:border-blue-500 focus:ring-opacity-40 dark:focus:ring-opacity-40 focus:ring-blue-300 dark:focus:ring-blue-400 focus:ring dark:text-white dark:bg-gray-800 focus:outline-none">