From 32128955f906cb7a01ad674aefe783d870a886e8 Mon Sep 17 00:00:00 2001
From: madhusudhand <madhusudhan.dollu@gmail.com>
Date: Mon, 9 Dec 2024 17:16:45 +0530
Subject: [PATCH] adjusted the button size and alignment

---
 .../design-picker/src/components/style.scss   | 29 +++++++++----------
 .../src/components/unified-design-picker.tsx  | 12 --------
 2 files changed, 14 insertions(+), 27 deletions(-)

diff --git a/packages/design-picker/src/components/style.scss b/packages/design-picker/src/components/style.scss
index 9f4e90a9a54d81..bb09f10f6d1b83 100644
--- a/packages/design-picker/src/components/style.scss
+++ b/packages/design-picker/src/components/style.scss
@@ -44,8 +44,9 @@
 
 			.design-picker__category-group-content {
 				display: flex;
+				align-items: center;
 				flex-wrap: wrap;
-				gap: 16px;
+				gap: 8px 16px;
 			}
 		}
 
@@ -55,24 +56,22 @@
 			font-weight: 500;
 		}
 
+		.design-picker__tier-filter {
+			height: 40px; // match button height
+			margin-bottom: 6px;
+		}
+
 		.design-picker__design-your-own-button {
 			flex-shrink: 0;
-			height: 32px;
-			line-height: 14px;
-			margin-top: 8px;
-			margin-bottom: 8px;
-
-			&.design-picker__design-with-ai {
-				display: none;
-				
-				@include break-small {
-					display: block;
-				}
-			}
+			margin-bottom: 6px;
 		}
 
-		.design-picker__tier-filter {
-			height: 48px; // match button height
+		.design-picker__design-with-ai {
+			display: none;
+			
+			@include break-small {
+				display: block;
+			}
 		}
 
 		.design-picker__design-your-own-button-without-categories {
diff --git a/packages/design-picker/src/components/unified-design-picker.tsx b/packages/design-picker/src/components/unified-design-picker.tsx
index 5827214bcec717..20d8990efd96d6 100644
--- a/packages/design-picker/src/components/unified-design-picker.tsx
+++ b/packages/design-picker/src/components/unified-design-picker.tsx
@@ -278,18 +278,6 @@ const DesignPicker: React.FC< DesignPickerProps > = ( {
 						/>
 					</DesignPickerFilterGroup>
 				) }
-				{ assemblerCtaData.shouldGoToAssemblerStep && isSiteAssemblerEnabled && (
-					<DesignPickerFilterGroup>
-						<Button
-							className={ clsx( 'design-picker__design-your-own-button', {
-								'design-picker__design-your-own-button-without-categories': ! hasCategories,
-							} ) }
-							onClick={ () => onClickDesignYourOwnTopButton( getAssemblerDesign() ) }
-						>
-							{ assemblerCtaData.title }
-						</Button>
-					</DesignPickerFilterGroup>
-				) }
 				<DesignPickerFilterGroup>
 					{ isTierFilterEnabled && <DesignPickerTierFilter /> }
 					{ assemblerCtaData.shouldGoToAssemblerStep && isSiteAssemblerEnabled && (