diff --git a/frontend/src/components/Search.vue b/frontend/src/components/Search.vue
index ffb09157..cac53173 100644
--- a/frontend/src/components/Search.vue
+++ b/frontend/src/components/Search.vue
@@ -29,12 +29,7 @@
     </div>
 
     <!-- Search results for mobile -->
-    <div
-      v-if="state.isMobile && active"
-      id="result"
-      :class="{ hidden: !active }"
-      ref="result"
-    >
+    <div v-if="isMobile && active" id="result" :class="{ hidden: !active }" ref="result">
       <div id="result-list">
         <div class="button" style="width: 100%">Search Context: {{ getContext }}</div>
         <!-- List of search results -->
@@ -102,7 +97,7 @@
     </div>
 
     <!-- Search results for desktop -->
-    <div v-show="!state.isMobile && active" id="result-desktop" ref="result">
+    <div v-show="!isMobile && active" id="result-desktop" ref="result">
       <div class="searchContext">Search Context: {{ getContext }}</div>
       <div id="result-list">
         <div>
@@ -299,6 +294,9 @@ export default {
     },
   },
   computed: {
+    isMobile() {
+      return state.isMobile;
+    },
     foldersOnly() {
       return this.isTypeSelectDisabled;
     },