try an experimental search page redesign

src/components/nav/Titles/SearchTitle.vue

@@ -1,7 +1,6 @@
 <template>
   <div class="nav-search-input">
-    <SearchInput />
-    <div id="nav-tab-headers"></div>
+    <SearchInput :on_nav="true" />
   </div>
 </template>
 
@@ -11,28 +10,12 @@ import SearchInput from "@/components/RightSideBar/SearchInput.vue";
 
 <style lang="scss">
 .nav-search-input {
-  display: flex;
-  grid-template-columns: repeat(3, 1fr);
   align-items: center;
-  justify-content: space-between;
-  height: 2rem;
+  justify-content: space-evenly;
 
-  #gsearch-input {
-    display: unset;
-
-    #ginner {
-      max-width: 30rem;
-      margin: 0 auto;
-      border-radius: $small;
-    }
-
-    .buttons {
-      display: none;
-    }
-  }
-
-  .tabheaders {
-    margin: 0;
+  & > div {
+    width: 70%;
+    margin: 0 auto;
   }
 }
 </style>