From 419cf1b7d78a456e4aedd956f4ede35af5663dcc Mon Sep 17 00:00:00 2001
From: Kasper Fabricius Kristensen
 <45367945+kasperkristensen@users.noreply.github.com>
Date: Wed, 4 Sep 2024 08:49:49 +0200
Subject: [PATCH] fix(dashboard): Align product organization badges with design
 (#8975)

**What**
- Aligns implementation with design, all badges in the Organization card should be grey.
---
 .../product-organization-section.tsx                 | 12 +++---------
 1 file changed, 3 insertions(+), 9 deletions(-)

diff --git a/packages/admin-next/dashboard/src/routes/products/product-detail/components/product-organization-section/product-organization-section.tsx b/packages/admin-next/dashboard/src/routes/products/product-detail/components/product-organization-section/product-organization-section.tsx
index d37107a4d3..c30741a65e 100644
--- a/packages/admin-next/dashboard/src/routes/products/product-detail/components/product-organization-section/product-organization-section.tsx
+++ b/packages/admin-next/dashboard/src/routes/products/product-detail/components/product-organization-section/product-organization-section.tsx
@@ -1,10 +1,10 @@
 import { PencilSquare } from "@medusajs/icons"
+import { HttpTypes } from "@medusajs/types"
 import { Badge, Container, Heading } from "@medusajs/ui"
 import { useTranslation } from "react-i18next"
 import { Link } from "react-router-dom"
 import { ActionMenu } from "../../../../../components/common/action-menu"
 import { SectionRow } from "../../../../../components/common/section"
-import { HttpTypes } from "@medusajs/types"
 
 type ProductOrganizationSectionProps = {
   product: HttpTypes.AdminProduct
@@ -63,7 +63,7 @@ export const ProductOrganizationSection = ({
         title={t("fields.collection")}
         value={
           product.collection ? (
-            <Badge size="2xsmall" color="blue" className="w-fit" asChild>
+            <Badge size="2xsmall" className="w-fit" asChild>
               <Link to={`/collections/${product.collection.id}`}>
                 {product.collection.title}
               </Link>
@@ -77,13 +77,7 @@ export const ProductOrganizationSection = ({
         value={
           product.categories?.length
             ? product.categories.map((pcat) => (
-                <Badge
-                  key={pcat.id}
-                  className="w-fit"
-                  color="purple"
-                  size="2xsmall"
-                  asChild
-                >
+                <Badge key={pcat.id} className="w-fit" size="2xsmall" asChild>
                   <Link to={`/categories/${pcat.id}`}>{pcat.name}</Link>
                 </Badge>
               ))