From 77aa108e3801e4dcaa8b1fc6c37601fcb61cc214 Mon Sep 17 00:00:00 2001
From: Danilo Leal <67129314+danilo-leal@users.noreply.github.com>
Date: Tue, 30 Apr 2024 10:22:14 -0300
Subject: [PATCH] more style and writing standardization

---
 docs/src/components/header/HeaderNavBar.tsx   | 24 +++++++++----------
 .../components/header/HeaderNavDropdown.tsx   |  4 ++--
 .../productDesignKit/SyncFeatures.tsx         |  2 +-
 3 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/docs/src/components/header/HeaderNavBar.tsx b/docs/src/components/header/HeaderNavBar.tsx
index 5d53a9b03d7100..4fbd8ca9052ed8 100644
--- a/docs/src/components/header/HeaderNavBar.tsx
+++ b/docs/src/components/header/HeaderNavBar.tsx
@@ -279,6 +279,16 @@ export default function HeaderNavBar() {
                         description="Advanced and powerful components for complex use cases."
                       />
                     </li>
+                    <li>
+                      <ProductSubMenu
+                        id={PRODUCT_IDS[4]}
+                        href={ROUTES.productToolpad}
+                        icon={<IconImage name="product-toolpad" />}
+                        name="Toolpad"
+                        chip={<Chip label="Beta" size="small" color="primary" variant="outlined" />}
+                        description="Low-code admin builder."
+                      />
+                    </li>
                     <li>
                       <ProductSubMenu
                         id={PRODUCT_IDS[2]}
@@ -293,18 +303,8 @@ export default function HeaderNavBar() {
                         id={PRODUCT_IDS[3]}
                         href={ROUTES.productDesignKits}
                         icon={<IconImage name="product-designkits" />}
-                        name="Design kits"
-                        description="Our components available in your favorite design tool."
-                      />
-                    </li>
-                    <li>
-                      <ProductSubMenu
-                        id={PRODUCT_IDS[4]}
-                        href={ROUTES.productToolpad}
-                        icon={<IconImage name="product-toolpad" />}
-                        name="Toolpad"
-                        chip={<Chip label="Beta" size="small" color="primary" variant="outlined" />}
-                        description="Low-code admin builder."
+                        name="Design Kits"
+                        description="Material UI components in your favorite design tool."
                       />
                     </li>
                   </ul>
diff --git a/docs/src/components/header/HeaderNavDropdown.tsx b/docs/src/components/header/HeaderNavDropdown.tsx
index b48ed4d0a64b44..e625a7443e7fa6 100644
--- a/docs/src/components/header/HeaderNavDropdown.tsx
+++ b/docs/src/components/header/HeaderNavDropdown.tsx
@@ -71,8 +71,8 @@ const PRODUCTS = [
     href: ROUTES.productTemplates,
   },
   {
-    name: 'Design kits',
-    description: 'Our components available in your favorite design tool.',
+    name: 'Design Kits',
+    description: 'Material UI components in your favorite design tool.',
     href: ROUTES.productDesignKits,
   },
   {
diff --git a/docs/src/components/productDesignKit/SyncFeatures.tsx b/docs/src/components/productDesignKit/SyncFeatures.tsx
index 442d7227595147..74f90e18af7ca5 100644
--- a/docs/src/components/productDesignKit/SyncFeatures.tsx
+++ b/docs/src/components/productDesignKit/SyncFeatures.tsx
@@ -54,7 +54,7 @@ export default function ConnectFeatures() {
           <Group sx={{ m: -2, p: 2 }}>
             <Highlighter disableBorder {...getSelectedProps(0)} onClick={() => setIndex(0)}>
               <Item
-                icon={<ImagesearchRollerRoundedIcon color="success" />}
+                icon={<ImagesearchRollerRoundedIcon color="primary" />}
                 title="Theme customization"
                 description="Generate theme code with custom colors, typography styles, shadows, spacing values, and border-radius."
               />