diff --git a/components/vault/VaultHostListSection.tsx b/components/vault/VaultHostListSection.tsx
index d8ceda6ab..b4937ea10 100644
--- a/components/vault/VaultHostListSection.tsx
+++ b/components/vault/VaultHostListSection.tsx
@@ -516,7 +516,7 @@ export function VaultHostListSection({ ctx }: { ctx: VaultHostListSectionContext
                                         hostCardFocusClassName(viewMode, isHostFocusSelected(host.id)),
                                       )
                                       : cn(
-                                        "h-14 px-2 py-2 rounded-lg transition-colors",
+                                        "h-14 max-w-[480px] px-2 py-2 rounded-lg transition-colors",
                                         isHostFocusSelected(host.id)
                                           ? hostCardFocusClassName("list", true)
                                           : "hover:bg-secondary/60",
@@ -640,7 +640,7 @@ export function VaultHostListSection({ ctx }: { ctx: VaultHostListSectionContext
                                         hostCardFocusClassName(viewMode, isHostFocusSelected(host.id)),
                                       )
                                       : cn(
-                                        "h-14 px-2 py-2 rounded-lg transition-colors",
+                                        "h-14 max-w-[480px] px-2 py-2 rounded-lg transition-colors",
                                         isHostFocusSelected(host.id)
                                           ? hostCardFocusClassName("list", true)
                                           : "hover:bg-secondary/60",
@@ -777,7 +777,7 @@ export function VaultHostListSection({ ctx }: { ctx: VaultHostListSectionContext
                                     ),
                                   )
                                   : cn(
-                                    "h-14 px-2 py-2 rounded-lg transition-colors",
+                                    "h-14 max-w-[480px] px-2 py-2 rounded-lg transition-colors",
                                     isGroupFocusSelected(node.path) || multiSelectedGroupPaths.has(node.path)
                                       ? hostCardFocusClassName("list", true)
                                       : "hover:bg-secondary/60",
@@ -1005,7 +1005,7 @@ export function VaultHostListSection({ ctx }: { ctx: VaultHostListSectionContext
                                               hostCardFocusClassName(viewMode, isHostFocusSelected(host.id)),
                                             )
                                             : cn(
-                                              "h-14 px-2 py-2 rounded-lg transition-colors",
+                                              "h-14 max-w-[480px] px-2 py-2 rounded-lg transition-colors",
                                               isHostFocusSelected(host.id)
                                                 ? hostCardFocusClassName("list", true)
                                                 : "hover:bg-secondary/60",
@@ -1154,7 +1154,7 @@ export function VaultHostListSection({ ctx }: { ctx: VaultHostListSectionContext
                                         hostCardFocusClassName(viewMode, isHostFocusSelected(host.id)),
                                       )
                                       : cn(
-                                        "h-14 px-2 py-2 rounded-lg transition-colors",
+                                        "h-14 max-w-[480px] px-2 py-2 rounded-lg transition-colors",
                                         isHostFocusSelected(host.id)
                                           ? hostCardFocusClassName("list", true)
                                           : "hover:bg-secondary/60",
diff --git a/components/vault/VaultTreeRow.tsx b/components/vault/VaultTreeRow.tsx
index b10e3394c..5f0a6ee39 100644
--- a/components/vault/VaultTreeRow.tsx
+++ b/components/vault/VaultTreeRow.tsx
@@ -129,7 +129,7 @@ export const VaultTreeGroupRow: React.FC<VaultTreeGroupRowProps> = ({
     <div
       ref={rowRef}
       className={cn(
-        "vault-drop-indicator-row group flex h-7 min-w-0 items-center px-2 text-sm font-medium cursor-pointer transition-colors select-none rounded-md",
+        "vault-drop-indicator-row group flex h-7 max-w-[480px] min-w-0 items-center px-2 text-sm font-medium cursor-pointer transition-colors select-none rounded-md",
         selected
           ? "bg-secondary text-foreground"
           : "hover:bg-secondary/60",
@@ -214,7 +214,7 @@ export const VaultTreeItemRow: React.FC<VaultTreeItemRowProps> = ({
 }) => (
   <div
     className={cn(
-      "vault-drop-indicator-row group flex h-7 min-w-0 items-center px-2 text-sm cursor-pointer transition-colors select-none rounded-md",
+      "vault-drop-indicator-row group flex h-7 max-w-[480px] min-w-0 items-center px-2 text-sm cursor-pointer transition-colors select-none rounded-md",
       selected
         ? "bg-secondary text-foreground"
         : "hover:bg-secondary/40",