diff --git a/packages/hoppscotch-app/components/graphql/Sidebar.vue b/packages/hoppscotch-app/components/graphql/Sidebar.vue
index 3328cc424..aa8c8d86b 100644
--- a/packages/hoppscotch-app/components/graphql/Sidebar.vue
+++ b/packages/hoppscotch-app/components/graphql/Sidebar.vue
@@ -49,7 +49,7 @@
             type="search"
             autocomplete="off"
             :placeholder="`${t('action.search')}`"
-            class="flex w-full p-4 py-2 bg-transparent"
+            class="flex flex-1 p-4 py-2 bg-transparent"
           />
           <div class="flex">
             <ButtonSecondary
diff --git a/packages/hoppscotch-app/components/history/index.vue b/packages/hoppscotch-app/components/history/index.vue
index 4835b70bc..bbf7cd17a 100644
--- a/packages/hoppscotch-app/components/history/index.vue
+++ b/packages/hoppscotch-app/components/history/index.vue
@@ -5,7 +5,7 @@
         v-model="filterText"
         type="search"
         autocomplete="off"
-        class="flex w-full p-4 py-2 bg-transparent"
+        class="flex flex-1 p-4 py-2 bg-transparent"
         :placeholder="`${t('action.search')}`"
       />
       <div class="flex">