update

src/App.scss

@@ -57,6 +57,17 @@ input {
   color: white;
 }
 
+.search-input {
+
+  @media(max-width: $breakpoint-mobile) {
+    display: flex;
+    
+    input {
+    width: 100%;
+  }
+}
+}
+
 .App-logo {
   margin: 6px;
   height: 100px;
@@ -203,7 +214,7 @@ right: 0px;
   display: flex;
   flex-direction: column;
   @media (max-width: $breakpoint-mobile) {
-width: 100%;
+   width: 50%;
 
   }
 }

src/pages/tools/search.js

@@ -26,7 +26,7 @@ const actionTrackSearch = (word) => (
 const TrackSearch = ({ onSearch }) => {
     const [value, setValue] = useState("");
     return (
-        <div>
+        <div className='search-input'>
             <input
                 type="text"
                 placeholder="Поиск..."