Fix search bar alignment

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