fix: no center align between xs and sm

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

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)',