diff --git a/src/layouts/components/NavbarSearch.vue b/src/layouts/components/NavbarSearch.vue
index b8bd676c..9cc1b6f6 100644
--- a/src/layouts/components/NavbarSearch.vue
+++ b/src/layouts/components/NavbarSearch.vue
@@ -72,58 +72,57 @@ function confirm() {
     </button>
 
     <!-- modal -->
-    <div v-if="searchModalShow">
+    <div
+      v-if="searchModalShow"
+      class="cursor-pointer modal !pointer-events-auto !opacity-100 !visible"
+      @click="closeSearchModal"
+    >
       <div
-        class="cursor-pointer modal pointer-events-auto opacity-100 visible"
-        @click="closeSearchModal"
+        class="relative modal-box cursor-default"
+        @click="(event) => preventClick(event)"
       >
-        <div
-          class="relative modal-box cursor-default"
-          @click="(event) => preventClick(event)"
-        >
-          <!-- header -->
-          <div class="flex items-center justify-between">
+        <!-- header -->
+        <div class="flex items-center justify-between">
+          <div
+            class="text-lg font-bold flex flex-col md:!flex-row justify-between items-baseline"
+          >
+            <span class="mr-2">Search</span>
+            <span class="capitalize text-sm md:!text-base"
+              >Height/Transaction/Account Address</span
+            >
+          </div>
+          <label
+            htmlFor="modal-pool-modal"
+            class="cursor-pointer"
+            @click="closeSearchModal"
+          >
+            <Icon
+              icon="zondicons:close-outline"
+              class="text-2xl text-gray-500 dark:text-gray-400"
+            />
+          </label>
+        </div>
+        <!-- body -->
+        <div class="mt-4">
+          <div class="">
+            <input
+              class="input flex-1 w-full !input-bordered"
+              v-model="searchQuery"
+              placeholder="Height/Transaction/Account Address"
+            />
             <div
-              class="text-lg font-bold flex flex-col md:!flex-row justify-between items-baseline"
+              class="mt-2 text-right text-sm text-error"
+              v-show="errorMessage"
             >
-              <span class="mr-2">Search</span>
-              <span class="capitalize text-sm md:!text-base"
-                >Height/Transaction/Account Address</span
-              >
-            </div>
-            <label
-              htmlFor="modal-pool-modal"
-              class="cursor-pointer"
-              @click="closeSearchModal"
-            >
-              <Icon
-                icon="zondicons:close-outline"
-                class="text-2xl text-gray-500 dark:text-gray-400"
-              />
-            </label>
-          </div>
-          <!-- body -->
-          <div class="mt-4">
-            <div class="">
-              <input
-                class="input flex-1 w-full input-bordered"
-                v-model="searchQuery"
-                placeholder="Height/Transaction/Account Address"
-              />
-              <div
-                class="mt-2 text-right text-sm text-error"
-                v-show="errorMessage"
-              >
-                {{ errorMessage }}
-              </div>
+              {{ errorMessage }}
             </div>
           </div>
-          <!-- foot -->
-          <div class="mt-6">
-            <button class="w-full btn btn-primary" @click="confirm">
-              Confirm
-            </button>
-          </div>
+        </div>
+        <!-- foot -->
+        <div class="mt-6">
+          <button class="w-full btn btn-primary" @click="confirm">
+            Confirm
+          </button>
         </div>
       </div>
     </div>