diff --git a/src/app/page.tsx b/src/app/page.tsx
index 4b32503..2d4424f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -113,12 +113,12 @@ export default function LandingPage() {
             <div className="brand-scroll-container w-full overflow-x-hidden">
               <div className="flex gap-8 md:gap-12 whitespace-nowrap">
                 {brands.map((brand, index) => (
-                  <div key={`${index}-1`} className="brand-item flex items-center justify-center h-12 min-w-max px-4 text-foreground/60 font-medium text-sm flex-shrink-0">
+                  <div key={`${index}-1`} className="brand-item flex items-center justify-center h-12 min-w-max px-4 py-2 text-foreground/60 font-medium text-sm flex-shrink-0 rounded-theme border border-card bg-card/40 backdrop-blur-sm">
                     {brand}
                   </div>
                 ))}
                 {brands.map((brand, index) => (
-                  <div key={`${index}-2`} className="brand-item flex items-center justify-center h-12 min-w-max px-4 text-foreground/60 font-medium text-sm flex-shrink-0">
+                  <div key={`${index}-2`} className="brand-item flex items-center justify-center h-12 min-w-max px-4 py-2 text-foreground/60 font-medium text-sm flex-shrink-0 rounded-theme border border-card bg-card/40 backdrop-blur-sm">
                     {brand}
                   </div>
                 ))}