From 902087e569bfbbaabb75784fe340ac91d17dd148 Mon Sep 17 00:00:00 2001
From: Kasper Fabricius Kristensen
 <45367945+kasperkristensen@users.noreply.github.com>
Date: Thu, 17 Oct 2024 17:17:10 +0200
Subject: [PATCH] fix(dashboard): Ensure all progress tabs are 200px wide
 (#9644)

**What**
- Fixes onE FocusModal where the ProgressTabs weren't 200px wide. All others already have the correct width.

Resolves CC-110
---
 .../create-category-form/create-category-form.tsx         | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/admin/dashboard/src/routes/categories/category-create/components/create-category-form/create-category-form.tsx b/packages/admin/dashboard/src/routes/categories/category-create/components/create-category-form/create-category-form.tsx
index f809b4ec5a..91531834aa 100644
--- a/packages/admin/dashboard/src/routes/categories/category-create/components/create-category-form/create-category-form.tsx
+++ b/packages/admin/dashboard/src/routes/categories/category-create/components/create-category-form/create-category-form.tsx
@@ -133,12 +133,12 @@ export const CreateCategoryForm = ({
         >
           <RouteFocusModal.Header>
             <div className="flex w-full items-center justify-between">
-              <div className="-my-2 w-fit border-l">
-                <ProgressTabs.List className="grid w-full grid-cols-4">
+              <div className="-my-2 w-full max-w-[400px] border-l">
+                <ProgressTabs.List className="grid w-full grid-cols-2">
                   <ProgressTabs.Trigger
                     value={Tab.DETAILS}
                     status={detailsStatus}
-                    className="w-full min-w-0 max-w-[200px] overflow-hidden"
+                    className="w-full min-w-0 overflow-hidden"
                   >
                     <span className="truncate">
                       {t("categories.create.tabs.details")}
@@ -147,7 +147,7 @@ export const CreateCategoryForm = ({
                   <ProgressTabs.Trigger
                     value={Tab.ORGANIZE}
                     status={nestingStatus}
-                    className="w-full min-w-0 max-w-[200px] overflow-hidden"
+                    className="w-full min-w-0 overflow-hidden"
                   >
                     <span className="truncate">
                       {t("categories.create.tabs.organize")}