diff --git a/src/views/SearchView.vue b/src/views/SearchView.vue
index 9627bad56..b636e7205 100644
--- a/src/views/SearchView.vue
+++ b/src/views/SearchView.vue
@@ -73,7 +73,16 @@
           class="py-4 border-b border-gray-200 dark:border-gray-500"
           v-show="contentType !== 'GROUPS'"
         >
-          <o-switch v-model="isOnline">{{ t("Online events") }}</o-switch>
+          <button
+            :aria-label="t('Online events')"
+            class="text-gray-400 hover:text-gray-500 dark:text-slate-100 hover:dark:text-slate-200"
+            @click="isOnline = !isOnline"
+          >
+            <o-switch disabled v-model="isOnline"></o-switch>
+            <span class="px-4 font-medium text-gray-900 dark:text-slate-100">{{
+              t("Online events")
+            }}</span>
+          </button>
         </div>
 
         <filter-section