From 60661c90410a46c72598a418724a08a008f58651 Mon Sep 17 00:00:00 2001
From: pac7 <47831526-pac7@users.noreply.replit.com>
Date: Sun, 21 Sep 2025 18:11:34 +0000
Subject: [PATCH] Adjust the maximum width of the search bar component

Modify the `max-w-2xl` class to `max-w-xl` in `enhanced_header.html` to adjust the search bar's maximum width.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: d2cd90dd-df0e-4a8a-b6ca-d9a6c16df62b
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/d6d61dac-164d-45dd-929f-7dcdfd771b64/d2cd90dd-df0e-4a8a-b6ca-d9a6c16df62b/sVelQ4G
---
 backend/templates/components/layout/enhanced_header.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/backend/templates/components/layout/enhanced_header.html b/backend/templates/components/layout/enhanced_header.html
index 16e4d89c..6def9733 100644
--- a/backend/templates/components/layout/enhanced_header.html
+++ b/backend/templates/components/layout/enhanced_header.html
@@ -134,7 +134,7 @@ Includes: Browse menu, advanced search, theme toggle, user dropdown, mobile menu
     <!-- Center Search Bar -->
     <div class="hidden md:flex flex-1 min-w-0 justify-center">
       <!-- Enhanced Search -->
-      <div class="relative w-full min-w-0 max-w-xl lg:max-w-2xl" x-data="searchComponent">
+      <div class="relative w-full min-w-0 max-w-xl lg:max-w-xl" x-data="searchComponent">
         <div class="relative">
           <i class="fas fa-search absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-muted-foreground"></i>
           <input