diff --git a/package.json b/package.json
index 3c1cc00..a8007ad 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@internxt/ui",
-  "version": "0.0.14",
+  "version": "0.0.15",
   "description": "Library of Internxt components",
   "repository": {
     "type": "git",
diff --git a/src/components/breadcrumbs/__test__/__snapshots__/Breadcrumbs.test.tsx.snap b/src/components/breadcrumbs/__test__/__snapshots__/Breadcrumbs.test.tsx.snap
index 25423a4..1b81256 100644
--- a/src/components/breadcrumbs/__test__/__snapshots__/Breadcrumbs.test.tsx.snap
+++ b/src/components/breadcrumbs/__test__/__snapshots__/Breadcrumbs.test.tsx.snap
@@ -38,7 +38,7 @@ exports[`Breadcrumbs Component > should match snapshot 1`] = `
           </svg>
         </div>
         <div
-          class="relative outline-none"
+          class="relative outline-none min-w-breadcrumb"
         >
           <button
             aria-expanded="false"
@@ -202,7 +202,7 @@ exports[`Breadcrumbs Component > should match snapshot 1`] = `
         </svg>
       </div>
       <div
-        class="relative outline-none"
+        class="relative outline-none min-w-breadcrumb"
       >
         <button
           aria-expanded="false"
diff --git a/src/components/dropdown/Dropdown.tsx b/src/components/dropdown/Dropdown.tsx
index cc81c65..cfbb393 100644
--- a/src/components/dropdown/Dropdown.tsx
+++ b/src/components/dropdown/Dropdown.tsx
@@ -107,7 +107,7 @@ const Dropdown = <T,>({
   const { px, py } = extractPaddingValues(classMenuItems);
 
   return (
-    <div className="relative outline-none" ref={containerRef}>
+    <div className="relative outline-none min-w-breadcrumb" ref={containerRef}>
       <button
         className={`cursor-pointer outline-none ${classButton}`}
         onClick={toggleMenu}
diff --git a/src/components/dropdown/__test__/__snapshots__/Dropdown.test.tsx.snap b/src/components/dropdown/__test__/__snapshots__/Dropdown.test.tsx.snap
index c3bc395..0a22e7f 100644
--- a/src/components/dropdown/__test__/__snapshots__/Dropdown.test.tsx.snap
+++ b/src/components/dropdown/__test__/__snapshots__/Dropdown.test.tsx.snap
@@ -3,7 +3,7 @@
 exports[`Dropdown component > should match snapshot 1`] = `
 <div>
   <div
-    class="relative outline-none"
+    class="relative outline-none min-w-breadcrumb"
   >
     <button
       aria-expanded="false"
diff --git a/src/components/list/List.tsx b/src/components/list/List.tsx
index f9191d2..984e499 100644
--- a/src/components/list/List.tsx
+++ b/src/components/list/List.tsx
@@ -293,7 +293,7 @@ const List = <T extends { id: number }, F extends keyof T>({
   return (
     <div
       id="generic-list-component"
-      className={`relative flex h-full flex-col overflow-x-hidden overflow-y-hidden ${className}`}
+      className={`relative flex h-full flex-col overflow-x-auto overflow-y-hidden ${className}`}
       ref={containerRef}
     >
       {!isEmptyState ? (
@@ -313,7 +313,7 @@ const List = <T extends { id: number }, F extends keyof T>({
       ) : null}
 
       {/* BODY */}
-      <div id="scrollableList" className="flex h-full flex-col overflow-x-auto overflow-y-auto">
+      <div id="scrollableList" className="flex h-full flex-col min-w-max overflow-x-hidden overflow-y-auto">
         {isEmptyState ? (
           emptyState
         ) : items.length > 0 && !forceLoading ? (
diff --git a/src/components/list/ListHeader.tsx b/src/components/list/ListHeader.tsx
index 08b51c1..8a5680b 100644
--- a/src/components/list/ListHeader.tsx
+++ b/src/components/list/ListHeader.tsx
@@ -38,7 +38,7 @@ const ListHeader = <T, F extends keyof T>({
   onClose,
 }: ListHeaderProps<T, F>) => {
   return (
-    <div onClick={onClose} onContextMenu={onClose} className="flex h-12 shrink-0 flex-row px-5">
+    <div onClick={onClose} onContextMenu={onClose} className="flex min-w-max h-12 shrink-0 flex-row px-5">
       {/* COLUMN */}
       <div className="flex h-full min-w-full flex-row items-center border-b border-gray-10">
         {/* SELECTION CHECKBOX */}
diff --git a/src/components/list/__test__/__snapshots__/List.test.tsx.snap b/src/components/list/__test__/__snapshots__/List.test.tsx.snap
index e2f7f60..64e4c64 100644
--- a/src/components/list/__test__/__snapshots__/List.test.tsx.snap
+++ b/src/components/list/__test__/__snapshots__/List.test.tsx.snap
@@ -6,11 +6,11 @@ exports[`List component > should match snapshot 1`] = `
   "baseElement": <body>
     <div>
       <div
-        class="relative flex h-full flex-col overflow-x-hidden overflow-y-hidden undefined"
+        class="relative flex h-full flex-col overflow-x-auto overflow-y-hidden undefined"
         id="generic-list-component"
       >
         <div
-          class="flex h-12 shrink-0 flex-row px-5"
+          class="flex min-w-max h-12 shrink-0 flex-row px-5"
         >
           <div
             class="flex h-full min-w-full flex-row items-center border-b border-gray-10"
@@ -76,7 +76,7 @@ exports[`List component > should match snapshot 1`] = `
           </div>
         </div>
         <div
-          class="flex h-full flex-col overflow-x-auto overflow-y-auto"
+          class="flex h-full flex-col min-w-max overflow-x-hidden overflow-y-auto"
           id="scrollableList"
         >
           <div>
@@ -200,11 +200,11 @@ exports[`List component > should match snapshot 1`] = `
   </body>,
   "container": <div>
     <div
-      class="relative flex h-full flex-col overflow-x-hidden overflow-y-hidden undefined"
+      class="relative flex h-full flex-col overflow-x-auto overflow-y-hidden undefined"
       id="generic-list-component"
     >
       <div
-        class="flex h-12 shrink-0 flex-row px-5"
+        class="flex min-w-max h-12 shrink-0 flex-row px-5"
       >
         <div
           class="flex h-full min-w-full flex-row items-center border-b border-gray-10"
@@ -270,7 +270,7 @@ exports[`List component > should match snapshot 1`] = `
         </div>
       </div>
       <div
-        class="flex h-full flex-col overflow-x-auto overflow-y-auto"
+        class="flex h-full flex-col min-w-max overflow-x-hidden overflow-y-auto"
         id="scrollableList"
       >
         <div>
diff --git a/src/components/list/__test__/__snapshots__/ListHeader.test.tsx.snap b/src/components/list/__test__/__snapshots__/ListHeader.test.tsx.snap
index b45b3e0..d9a9792 100644
--- a/src/components/list/__test__/__snapshots__/ListHeader.test.tsx.snap
+++ b/src/components/list/__test__/__snapshots__/ListHeader.test.tsx.snap
@@ -6,7 +6,7 @@ exports[`ListHeader > should match snapshot 1`] = `
   "baseElement": <body>
     <div>
       <div
-        class="flex h-12 shrink-0 flex-row px-5"
+        class="flex min-w-max h-12 shrink-0 flex-row px-5"
       >
         <div
           class="flex h-full min-w-full flex-row items-center border-b border-gray-10"
@@ -56,7 +56,7 @@ exports[`ListHeader > should match snapshot 1`] = `
   </body>,
   "container": <div>
     <div
-      class="flex h-12 shrink-0 flex-row px-5"
+      class="flex min-w-max h-12 shrink-0 flex-row px-5"
     >
       <div
         class="flex h-full min-w-full flex-row items-center border-b border-gray-10"