From 8215086730db89180b1954d774e60ea0d68d07b4 Mon Sep 17 00:00:00 2001
From: Shivam Gupta <sudhanshudasgupta9@gmail.com>
Date: Mon, 9 Dec 2024 09:45:47 +0530
Subject: [PATCH 01/11] fix wrapping around color brand

Signed-off-by: Shivam Gupta <sudhanshudasgupta9@gmail.com>
---
 src/sections/Company/Brand/Brand-components/layer5.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/sections/Company/Brand/Brand-components/layer5.js b/src/sections/Company/Brand/Brand-components/layer5.js
index 23ffc4730ba7..1d3562118057 100644
--- a/src/sections/Company/Brand/Brand-components/layer5.js
+++ b/src/sections/Company/Brand/Brand-components/layer5.js
@@ -85,7 +85,9 @@ const Layer5Brand = () => {
               when using project colors as the background.
             </p>
           </Col>
-          <Row className="color-code-wrapper">
+          <Row style={{
+            flexWrap: "wrap"
+          }} className="color-code-wrapper">
             <ColorBox name="Keppel" R="0" G="179" B="159" colorCode="#00B39F" />
             <ColorBox name="Caribbean Green" R="0" G="211" B="169" colorCode="#00D3A9" />
             <ColorBox name="Saffron" R="235" G="192" B="23" colorCode="#EBC017" />

From 6a9194494b2113a9df4281fdba3dd0f6d1a683b5 Mon Sep 17 00:00:00 2001
From: Shivam Gupta <sudhanshudasgupta9@gmail.com>
Date: Mon, 9 Dec 2024 10:58:27 +0530
Subject: [PATCH 02/11] Update catalog.js

Signed-off-by: Shivam Gupta <sudhanshudasgupta9@gmail.com>
---
 src/sections/Company/Brand/Brand-components/catalog.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/sections/Company/Brand/Brand-components/catalog.js b/src/sections/Company/Brand/Brand-components/catalog.js
index abad4d3ee11d..1a839917ad15 100644
--- a/src/sections/Company/Brand/Brand-components/catalog.js
+++ b/src/sections/Company/Brand/Brand-components/catalog.js
@@ -123,7 +123,9 @@ const Catalog = () => {
               white when using project colors as the background.
             </p>
           </Col>
-          <Row className="color-code-wrapper">
+          <Row style={{
+            flexWrap: "wrap"
+          }} className="color-code-wrapper">
             <ColorBox name="Keppel" R="0" G="179" B="159" colorCode="#00B39F" />
             <ColorBox
               name="Caribbean Green"

From 90d5c3f078e8d732f7391e69a6eefad4b6385616 Mon Sep 17 00:00:00 2001
From: Shivam Gupta <sudhanshudasgupta9@gmail.com>
Date: Mon, 9 Dec 2024 10:59:45 +0530
Subject: [PATCH 03/11] Update meshmark.js

Signed-off-by: Shivam Gupta <sudhanshudasgupta9@gmail.com>
---
 src/sections/Company/Brand/Brand-components/meshmark.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/sections/Company/Brand/Brand-components/meshmark.js b/src/sections/Company/Brand/Brand-components/meshmark.js
index 02d3d4c4370d..65032c23f677 100644
--- a/src/sections/Company/Brand/Brand-components/meshmark.js
+++ b/src/sections/Company/Brand/Brand-components/meshmark.js
@@ -118,7 +118,9 @@ const MeshMarkBrand = () => {
               using project colors as the background.
             </p>
           </Col>
-          <Row className="color-code-wrapper">
+          <Row style={{
+            flexWrap: "wrap"
+          }} className="color-code-wrapper">
             <ColorBox name="Charcoal" R="60" G="73" B="79" colorCode="#3C494F" />
             <ColorBox name="Keppel" R="0" G="179" B="159" colorCode="#00B39F" />
             <ColorBox name="Caribbean Green" R="0" G="211" B="169" colorCode="#00D3A9" />

From 3b30c64d5ad639e5cf3156679c830b93996a145f Mon Sep 17 00:00:00 2001
From: Shivam Gupta <sudhanshudasgupta9@gmail.com>
Date: Mon, 9 Dec 2024 11:01:23 +0530
Subject: [PATCH 04/11] Update meshery-operator.js

Signed-off-by: Shivam Gupta <sudhanshudasgupta9@gmail.com>
---
 .../Company/Brand/Brand-components/meshery-operator.js        | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/sections/Company/Brand/Brand-components/meshery-operator.js b/src/sections/Company/Brand/Brand-components/meshery-operator.js
index 824e335d041f..7ebb4c05049f 100644
--- a/src/sections/Company/Brand/Brand-components/meshery-operator.js
+++ b/src/sections/Company/Brand/Brand-components/meshery-operator.js
@@ -78,7 +78,9 @@ const MesheryOperatorBrand = () => {
               monochrome tonal when using a color background.
             </p>
           </Col>
-          <Row className="color-code-wrapper">
+          <Row style={{
+            flexWrap: "wrap"
+          }} className="color-code-wrapper">
             <ColorBox name="Charcoal" R="60" G="73" B="79" colorCode="#3C494F" />
             <ColorBox name="Keppel" R="0" G="179" B="159" colorCode="#00B39F" />
             <ColorBox name="Caribbean Green" R="0" G="211" B="169" colorCode="#00D3A9" />

From 4b0dfaed04677dd62d67682800aa81c7aa02fc1d Mon Sep 17 00:00:00 2001
From: Shivam Gupta <sudhanshudasgupta9@gmail.com>
Date: Mon, 9 Dec 2024 11:02:00 +0530
Subject: [PATCH 05/11] Update meshsync.js

Signed-off-by: Shivam Gupta <sudhanshudasgupta9@gmail.com>
---
 src/sections/Company/Brand/Brand-components/meshsync.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/sections/Company/Brand/Brand-components/meshsync.js b/src/sections/Company/Brand/Brand-components/meshsync.js
index 54ebd4daa10f..a37f09e1f5f6 100644
--- a/src/sections/Company/Brand/Brand-components/meshsync.js
+++ b/src/sections/Company/Brand/Brand-components/meshsync.js
@@ -78,7 +78,9 @@ const MeshSyncBrand = () => {
               monochrome tonal when using a color background.
             </p>
           </Col>
-          <Row className="color-code-wrapper">
+          <Row style={{
+            flexWrap: "wrap"
+          }} className="color-code-wrapper">
             <ColorBox name="Keppel" R="0" G="179" B="159" colorCode="#00B39F" />
             <ColorBox name="Caribbean Green" R="0" G="211" B="169" colorCode="#00D3A9" />
             <ColorBox name="Casper" R="177" G="182" B="184" colorCode="#B1B6B8" />

From 305be469823308d84a4840ac0201b359cf41c301 Mon Sep 17 00:00:00 2001
From: Shivam Gupta <sudhanshudasgupta9@gmail.com>
Date: Mon, 9 Dec 2024 11:02:51 +0530
Subject: [PATCH 06/11] Update smp.js

Signed-off-by: Shivam Gupta <sudhanshudasgupta9@gmail.com>
---
 src/sections/Company/Brand/Brand-components/smp.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/sections/Company/Brand/Brand-components/smp.js b/src/sections/Company/Brand/Brand-components/smp.js
index eeac312a412c..2bc2ed53be15 100644
--- a/src/sections/Company/Brand/Brand-components/smp.js
+++ b/src/sections/Company/Brand/Brand-components/smp.js
@@ -104,7 +104,9 @@ const SMPBrand = () => {
               using project colors as the background.
             </p>
           </Col>
-          <Row className="color-code-wrapper">
+          <Row style={{
+            flexWrap: "wrap"
+          }} className="color-code-wrapper">
             <ColorBox name="Charcoal" R="60" G="73" B="79" colorCode="#3C494F" />
             <ColorBox name="Keppel" R="0" G="179" B="159" colorCode="#00B39F" />
             <ColorBox name="Caribbean Green" R="0" G="211" B="169" colorCode="#00D3A9" />

From 93885ef5ab227421b7dc04c620c6d31132e05602 Mon Sep 17 00:00:00 2001
From: Shivam Gupta <sudhanshudasgupta9@gmail.com>
Date: Mon, 9 Dec 2024 11:03:42 +0530
Subject: [PATCH 07/11] Update community.js

Signed-off-by: Shivam Gupta <sudhanshudasgupta9@gmail.com>
---
 src/sections/Company/Brand/Brand-components/community.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/sections/Company/Brand/Brand-components/community.js b/src/sections/Company/Brand/Brand-components/community.js
index dea3e2b08c31..d653665d6893 100644
--- a/src/sections/Company/Brand/Brand-components/community.js
+++ b/src/sections/Company/Brand/Brand-components/community.js
@@ -79,7 +79,9 @@ const CommunityBrand = () => {
             monochrome tonal when using a color background.
           </p>
         </Col>
-        <Row className="color-code-wrapper">
+        <Row style={{
+            flexWrap: "wrap"
+          }} className="color-code-wrapper">
           <ColorBox name="Keppel" R="0" G="179" B="159" colorCode="#00B39F" />
           <ColorBox name="Caribbean Green" R="0" G="211" B="169" colorCode="#00D3A9" />
           <ColorBox name="Casper" R="177" G="182" B="184" colorCode="#B1B6B8" />

From 47b8d38198fe260d747a5dbcbd9a72b1ba5b7081 Mon Sep 17 00:00:00 2001
From: Shivam Gupta <sudhanshudasgupta9@gmail.com>
Date: Mon, 9 Dec 2024 11:05:15 +0530
Subject: [PATCH 08/11] Update servicemeshpatterns.js

Signed-off-by: Shivam Gupta <sudhanshudasgupta9@gmail.com>
---
 .../Company/Brand/Brand-components/servicemeshpatterns.js     | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/sections/Company/Brand/Brand-components/servicemeshpatterns.js b/src/sections/Company/Brand/Brand-components/servicemeshpatterns.js
index 7e37c24b9587..2c9254fb5ea3 100644
--- a/src/sections/Company/Brand/Brand-components/servicemeshpatterns.js
+++ b/src/sections/Company/Brand/Brand-components/servicemeshpatterns.js
@@ -78,7 +78,9 @@ const ServiceMeshPatterns = () => {
             using project colors as the background.
           </p>
         </Col>
-        <Row className="color-code-wrapper">
+        <Row style={{
+            flexWrap: "wrap"
+          }} className="color-code-wrapper">
           <ColorBox name="Charcoal" R="60" G="73" B="79" colorCode="#3C494F" />
           <ColorBox name="Keppel" R="0" G="179" B="159" colorCode="#00B39F" />
           <ColorBox name="Caribbean Green" R="0" G="211" B="169" colorCode="#00D3A9" />

From f7bab73462194c5f88112d01795739d94043d055 Mon Sep 17 00:00:00 2001
From: Shivam Gupta <sudhanshudasgupta9@gmail.com>
Date: Mon, 9 Dec 2024 11:27:31 +0530
Subject: [PATCH 09/11] Update community.js

Signed-off-by: Shivam Gupta <sudhanshudasgupta9@gmail.com>
---
 src/sections/Company/Brand/Brand-components/community.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/sections/Company/Brand/Brand-components/community.js b/src/sections/Company/Brand/Brand-components/community.js
index d653665d6893..194c955262f7 100644
--- a/src/sections/Company/Brand/Brand-components/community.js
+++ b/src/sections/Company/Brand/Brand-components/community.js
@@ -80,7 +80,7 @@ const CommunityBrand = () => {
           </p>
         </Col>
         <Row style={{
-            flexWrap: "wrap"
+          flexWrap: "wrap"
           }} className="color-code-wrapper">
           <ColorBox name="Keppel" R="0" G="179" B="159" colorCode="#00B39F" />
           <ColorBox name="Caribbean Green" R="0" G="211" B="169" colorCode="#00D3A9" />

From c00d20681d45bb1c1ca523d7c0d334826a3a009e Mon Sep 17 00:00:00 2001
From: Shivam Gupta <sudhanshudasgupta9@gmail.com>
Date: Mon, 9 Dec 2024 11:28:34 +0530
Subject: [PATCH 10/11] Update community.js

Signed-off-by: Shivam Gupta <sudhanshudasgupta9@gmail.com>
---
 src/sections/Company/Brand/Brand-components/community.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/sections/Company/Brand/Brand-components/community.js b/src/sections/Company/Brand/Brand-components/community.js
index 194c955262f7..67106dae5dde 100644
--- a/src/sections/Company/Brand/Brand-components/community.js
+++ b/src/sections/Company/Brand/Brand-components/community.js
@@ -81,7 +81,7 @@ const CommunityBrand = () => {
         </Col>
         <Row style={{
           flexWrap: "wrap"
-          }} className="color-code-wrapper">
+        }} className="color-code-wrapper">
           <ColorBox name="Keppel" R="0" G="179" B="159" colorCode="#00B39F" />
           <ColorBox name="Caribbean Green" R="0" G="211" B="169" colorCode="#00D3A9" />
           <ColorBox name="Casper" R="177" G="182" B="184" colorCode="#B1B6B8" />

From 0787dd5253a0764b217c51c2869aeca3e34a8d69 Mon Sep 17 00:00:00 2001
From: Shivam Gupta <sudhanshudasgupta9@gmail.com>
Date: Mon, 9 Dec 2024 11:28:54 +0530
Subject: [PATCH 11/11] Update servicemeshpatterns.js

Signed-off-by: Shivam Gupta <sudhanshudasgupta9@gmail.com>
---
 .../Company/Brand/Brand-components/servicemeshpatterns.js     | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/sections/Company/Brand/Brand-components/servicemeshpatterns.js b/src/sections/Company/Brand/Brand-components/servicemeshpatterns.js
index 2c9254fb5ea3..a0b29c5fa7bb 100644
--- a/src/sections/Company/Brand/Brand-components/servicemeshpatterns.js
+++ b/src/sections/Company/Brand/Brand-components/servicemeshpatterns.js
@@ -79,8 +79,8 @@ const ServiceMeshPatterns = () => {
           </p>
         </Col>
         <Row style={{
-            flexWrap: "wrap"
-          }} className="color-code-wrapper">
+          flexWrap: "wrap"
+        }} className="color-code-wrapper">
           <ColorBox name="Charcoal" R="60" G="73" B="79" colorCode="#3C494F" />
           <ColorBox name="Keppel" R="0" G="179" B="159" colorCode="#00B39F" />
           <ColorBox name="Caribbean Green" R="0" G="211" B="169" colorCode="#00D3A9" />