From f64e85c1cf9adf40978186732d4c4bca5535d320 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tr=C3=A8sAbhi?= <43380238+tresabhi@users.noreply.github.com>
Date: Sat, 17 Aug 2024 20:12:21 -0500
Subject: [PATCH] fix: no center align between xs and sm

---
 src/app/components/ToolCard.tsx | 4 ++--
 src/components/Navbar/index.tsx | 4 ----
 2 files changed, 2 insertions(+), 6 deletions(-)

diff --git a/src/app/components/ToolCard.tsx b/src/app/components/ToolCard.tsx
index 5991c70b7..a228dc823 100644
--- a/src/app/components/ToolCard.tsx
+++ b/src/app/components/ToolCard.tsx
@@ -78,7 +78,7 @@ export function ToolCard({ tool, style, ...props }: ToolCardProps) {
           width="100%"
           direction={{
             initial: 'column',
-            sm: 'row',
+            xs: 'row',
           }}
           style={{
             backgroundColor: 'var(--color-panel-translucent)',
@@ -91,7 +91,7 @@ export function ToolCard({ tool, style, ...props }: ToolCardProps) {
             justify="center"
             align={{
               initial: 'center',
-              sm: 'start',
+              xs: 'start',
             }}
           >
             <Heading
diff --git a/src/components/Navbar/index.tsx b/src/components/Navbar/index.tsx
index fc40a4122..821cec214 100644
--- a/src/components/Navbar/index.tsx
+++ b/src/components/Navbar/index.tsx
@@ -302,10 +302,6 @@ export default function Navbar() {
                     p="2"
                     align="center"
                     width="100%"
-                    direction={{
-                      initial: 'column',
-                      sm: 'row',
-                    }}
                     style={{
                       backgroundColor: 'var(--color-panel-translucent)',
                       backdropFilter: 'blur(4rem)',