Reduces sandbox dropdown intro size matches figma.

Reduces the size of the product icon and intro text in the sandbox dropdown for a more visually appealing presentation.

Author: Younique98

src/components/navigation-header/components/sandbox-dropdown/index.tsx

@@ -206,12 +206,12 @@ const SandboxDropdown = ({ ariaLabel, label }: SandboxDropdownProps) => {
 						<div className={s.introSandboxRow}>
 							<ProductIcon
 								productSlug={currentProduct.slug as ProductSlug}
-								size={24}
+								size={16}
 								className={s.productIcon}
 							/>
 							<Text
 								asElement="span"
-								className={`${s.sectionTitle} ${s.introSandboxTitle}`}
+								className={`${s.sectionTitle} ${s.introSandboxTitle} ${s.title}`}
 								size={200}
 								weight="semibold"
 							>
@@ -220,7 +220,7 @@ const SandboxDropdown = ({ ariaLabel, label }: SandboxDropdownProps) => {
 						</div>
 						<Text
 							asElement="span"
-							className={`${s.introText} ${s.introSandboxText}`}
+							className={`${s.introText} ${s.introSandboxText} ${s.description}`}
 							size={100}
 							weight="regular"
 						>

src/components/navigation-header/components/sandbox-dropdown/sandbox-dropdown.module.css

@@ -167,13 +167,16 @@
 .productIcon {
 	flex-shrink: 0;
 	color: var(--token-color-foreground-faint);
+	width: 16px;
+	height: 16px;
 }
 
 .description {
 	color: var(--token-color-foreground-faint);
 	display: block;
 	line-height: 1.5;
-	font-size: 14px;
+	font-size: 13px;
+	font-weight: 400;
 }
 
 .learnMoreLink {