Need to fixe Search bar for LG and More

src/views/main/Header.vue

@@ -29,7 +29,7 @@
 
    
     <div class="flex-grow flex items-center justify-center relative">    
-      <div v-if="showSearch || !isSmallScreen" class="flex-grow flex justify-center items-center" :class="{'w-full': isSmallScreen && showSearch}">
+      <div v-if="showSearch || !isSmallScreen" class="flex-grow  flex justify-center items-center lg:max-w-[]" >
         <template v-if="showSearch">
           <v-text-field
               density="compact"
@@ -38,8 +38,7 @@
               v-model="searchQuery"
               placeholder="Recherche"
               hide-details
-              clearable
-              class="rounded-full w-full sm:w-full md:w-full lg:w-96 mx-2"
+              clearable              
               append-inner-icon="mdi-magnify"
               @click.stop
               @click:append-inner="onSearch"