From bc521382db7f37ab70a93a2e80fb453ec42641e2 Mon Sep 17 00:00:00 2001
From: myung03 <matthewyungisworking@gmail.com>
Date: Fri, 30 Aug 2024 20:28:26 -0700
Subject: [PATCH] fixed css class issue

---
 apps/landing/src/components/BentoBox.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/landing/src/components/BentoBox.tsx b/apps/landing/src/components/BentoBox.tsx
index a3c65b4e2..290eec74e 100644
--- a/apps/landing/src/components/BentoBox.tsx
+++ b/apps/landing/src/components/BentoBox.tsx
@@ -21,9 +21,9 @@ export function BentoBox({ imageSrc, imageAlt, title, titleColor, description }:
 					src={imageSrc}
 				/>
 			</div>
-			<div className="my-2">
+			<div className="mx-4">
 				<div className="inline-flex items-center gap-2 pb-[10px]">
-					<div className={`bg-[ h-[15px] w-[4px] rounded-[11px]${titleColor}]`} />
+					<div className={`bg-[${titleColor}] h-[15px] w-[4px] rounded-[11px]`} />
 					<h3 className="text-bold text-[20px]">{title}</h3>
 				</div>
 				<div className="text-left text-ink-faint">{description}</div>