diff --git a/components/lib/passthrough/tailwind/index.js b/components/lib/passthrough/tailwind/index.js
index cb5ba5909..0d8f9bbde 100644
--- a/components/lib/passthrough/tailwind/index.js
+++ b/components/lib/passthrough/tailwind/index.js
@@ -2952,7 +2952,7 @@ export default {
                     'text-white bg-blue-500 border border-blue-500 rounded-md',
                     'transition duration-200 ease-in-out',
                     'justify-center px-0 py-3', // icon only
-                    'mb-2', // orderlist button
+                    'mb-2 w-12', // orderlist button
                     'dark:bg-sky-300 dark:border-sky-300 dark:text-gray-900', //Dark Mode
                     {
                         'cursor-default pointer-events-none opacity-60': context.disabled
@@ -2970,7 +2970,7 @@ export default {
                     'text-white bg-blue-500 border border-blue-500 rounded-md',
                     'transition duration-200 ease-in-out',
                     'justify-center px-0 py-3', // icon only
-                    'mb-2', // orderlist button
+                    'mb-2 w-12', // orderlist button
                     'dark:bg-sky-300 dark:border-sky-300 dark:text-gray-900', //Dark Mode
                     {
                         'cursor-default pointer-events-none opacity-60': context.disabled
@@ -2988,7 +2988,7 @@ export default {
                     'text-white bg-blue-500 border border-blue-500 rounded-md',
                     'transition duration-200 ease-in-out',
                     'justify-center px-0 py-3', // icon only
-                    'mb-2', // orderlist button
+                    'mb-2 w-12', // orderlist button
                     'dark:bg-sky-300 dark:border-sky-300 dark:text-gray-900', //Dark Mode
                     {
                         'cursor-default pointer-events-none opacity-60': context.disabled
@@ -3006,7 +3006,7 @@ export default {
                     'text-white bg-blue-500 border border-blue-500 rounded-md',
                     'transition duration-200 ease-in-out',
                     'justify-center px-0 py-3', // icon only
-                    'mb-2', // orderlist button
+                    'mb-2 w-12', // orderlist button
                     'dark:bg-sky-300 dark:border-sky-300 dark:text-gray-900', //Dark Mode
                     {
                         'cursor-default pointer-events-none opacity-60': context.disabled
@@ -3060,7 +3060,7 @@ export default {
                     'text-white bg-blue-500 border border-blue-500 rounded-md',
                     'transition duration-200 ease-in-out',
                     'justify-center px-0 py-3', // icon only
-                    'mb-2', // orderlist button
+                    'mb-2 w-12', // orderlist button
                     'dark:bg-sky-300 dark:border-sky-300 dark:text-gray-900', //Dark Mode
                     {
                         'cursor-default pointer-events-none opacity-60': context.disabled
@@ -3078,7 +3078,7 @@ export default {
                     'text-white bg-blue-500 border border-blue-500 rounded-md',
                     'transition duration-200 ease-in-out',
                     'justify-center px-0 py-3', // icon only
-                    'mb-2', // orderlist button
+                    'mb-2 w-12', // orderlist button
                     'dark:bg-sky-300 dark:border-sky-300 dark:text-gray-900', //Dark Mode
                     {
                         'cursor-default pointer-events-none opacity-60': context.disabled
@@ -3096,7 +3096,7 @@ export default {
                     'text-white bg-blue-500 border border-blue-500 rounded-md',
                     'transition duration-200 ease-in-out',
                     'justify-center px-0 py-3', // icon only
-                    'mb-2', // orderlist button
+                    'mb-2 w-12', // orderlist button
                     'dark:bg-sky-300 dark:border-sky-300 dark:text-gray-900', //Dark Mode
                     {
                         'cursor-default pointer-events-none opacity-60': context.disabled
@@ -3114,7 +3114,7 @@ export default {
                     'text-white bg-blue-500 border border-blue-500 rounded-md',
                     'transition duration-200 ease-in-out',
                     'justify-center px-0 py-3', // icon only
-                    'mb-2', // orderlist button
+                    'mb-2 w-12', // orderlist button
                     'dark:bg-sky-300 dark:border-sky-300 dark:text-gray-900', //Dark Mode
                     {
                         'cursor-default pointer-events-none opacity-60': context.disabled
@@ -3163,7 +3163,7 @@ export default {
                     'text-white bg-blue-500 border border-blue-500 rounded-md',
                     'transition duration-200 ease-in-out',
                     'justify-center px-0 py-3', // icon only
-                    'mb-2', // orderlist button
+                    'mb-2 w-12', // orderlist button
                     'dark:bg-sky-300 dark:border-sky-300 dark:text-gray-900', //Dark Mode
                     {
                         'cursor-default pointer-events-none opacity-60': context.disabled
@@ -3181,7 +3181,7 @@ export default {
                     'text-white bg-blue-500 border border-blue-500 rounded-md',
                     'transition duration-200 ease-in-out',
                     'justify-center px-0 py-3', // icon only
-                    'mb-2', // orderlist button
+                    'mb-2 w-12', // orderlist button
                     'dark:bg-sky-300 dark:border-sky-300 dark:text-gray-900', //Dark Mode
                     {
                         'cursor-default pointer-events-none opacity-60': context.disabled
@@ -3199,7 +3199,7 @@ export default {
                     'text-white bg-blue-500 border border-blue-500 rounded-md',
                     'transition duration-200 ease-in-out',
                     'justify-center px-0 py-3', // icon only
-                    'mb-2', // orderlist button
+                    'mb-2 w-12', // orderlist button
                     'dark:bg-sky-300 dark:border-sky-300 dark:text-gray-900', //Dark Mode
                     {
                         'cursor-default pointer-events-none opacity-60': context.disabled
@@ -3217,7 +3217,7 @@ export default {
                     'text-white bg-blue-500 border border-blue-500 rounded-md',
                     'transition duration-200 ease-in-out',
                     'justify-center px-0 py-3', // icon only
-                    'mb-2', // orderlist button
+                    'mb-2 w-12', // orderlist button
                     'dark:bg-sky-300 dark:border-sky-300 dark:text-gray-900', //Dark Mode
                     {
                         'cursor-default pointer-events-none opacity-60': context.disabled
@@ -3238,7 +3238,7 @@ export default {
                     'text-white bg-blue-500 border border-blue-500 rounded-md',
                     'transition duration-200 ease-in-out',
                     'justify-center px-0 py-3', // icon only
-                    'mb-2', // orderlist button
+                    'mb-2 w-12', // orderlist button
                     'dark:bg-sky-300 dark:border-sky-300 dark:text-gray-900', //Dark Mode
                     {
                         'cursor-default pointer-events-none opacity-60': context.disabled
@@ -3256,7 +3256,7 @@ export default {
                     'text-white bg-blue-500 border border-blue-500 rounded-md',
                     'transition duration-200 ease-in-out',
                     'justify-center px-0 py-3', // icon only
-                    'mb-2', // orderlist button
+                    'mb-2 w-12', // orderlist button
                     'dark:bg-sky-300 dark:border-sky-300 dark:text-gray-900', //Dark Mode
                     {
                         'cursor-default pointer-events-none opacity-60': context.disabled
@@ -3274,7 +3274,7 @@ export default {
                     'text-white bg-blue-500 border border-blue-500 rounded-md',
                     'transition duration-200 ease-in-out',
                     'justify-center px-0 py-3', // icon only
-                    'mb-2', // orderlist button
+                    'mb-2 w-12', // orderlist button
                     'dark:bg-sky-300 dark:border-sky-300 dark:text-gray-900', //Dark Mode
                     {
                         'cursor-default pointer-events-none opacity-60': context.disabled
@@ -3292,7 +3292,7 @@ export default {
                     'text-white bg-blue-500 border border-blue-500 rounded-md',
                     'transition duration-200 ease-in-out',
                     'justify-center px-0 py-3', // icon only
-                    'mb-2', // orderlist button
+                    'mb-2 w-12', // orderlist button
                     'dark:bg-sky-300 dark:border-sky-300 dark:text-gray-900', //Dark Mode
                     {
                         'cursor-default pointer-events-none opacity-60': context.disabled