From d63ca0b7bbd5e37b87a47e10afbe227c6f694953 Mon Sep 17 00:00:00 2001
From: Matt <mattskent@gmail.com>
Date: Wed, 12 Feb 2025 12:30:14 -0500
Subject: [PATCH] Fix search bar alignment

---
 src/App.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 36ad70a..3236421 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -360,8 +360,8 @@ function App() {
       )}
 
       <div className="space-y-4">
-        <div className="flex gap-4 items-center">
-          <div className="relative flex-1">
+        <div className="flex gap-4 items-center justify-between">
+          <div className="relative flex-1 max-w-md">
             <Search className="absolute left-2 top-2.5 h-4 w-4 text-muted-foreground" />
             <Input
               ref={searchInputRef}
@@ -369,7 +369,7 @@ function App() {
               value={searchQuery}
               onChange={(e) => setSearchQuery(e.target.value)}
               onKeyDown={handleSearchKeyDown}
-              className="pl-8 pr-8 bg-gray-50 dark:bg-gray-950/30 max-w-md"
+              className="pl-8 pr-8 bg-gray-50 dark:bg-gray-950/30"
             />
             {searchQuery && (
               <button