improve search

src/components/widgets/Search.module.css

@@ -6,10 +6,10 @@
 }
 
 .Provider {
+  flex-shrink: 0;
   text-transform: uppercase;
   backdrop-filter: blur(10px);
   padding: 11px 20px;
-  width: 100px;
   text-align: center;
   background-color: rgba(0, 0, 0, 0.4);
   border-bottom: 2px solid rgba(0, 0, 0, 0.4);

src/components/widgets/Search.tsx

@@ -37,7 +37,6 @@ export function Search(props: SearchProps) {
 
   return (
     <div class={style.SearchWrapper}>
-      <div class={style.Provider}>{activeProvider()?.name}</div>
       <input
         id="search"
         class={style.Search}
@@ -53,6 +52,7 @@ export function Search(props: SearchProps) {
           }
         }}
       />
+      <div class={style.Provider}>{activeProvider()?.name}</div>
     </div>
   );
 }