diff --git a/src/components/Home/SearchFields.vue b/src/components/Home/SearchFields.vue
index ea3b24eeb..34dc3d99b 100644
--- a/src/components/Home/SearchFields.vue
+++ b/src/components/Home/SearchFields.vue
@@ -30,8 +30,13 @@
       v-on:update:modelValue="modelValueUpdate"
     >
       <o-dropdown v-model="distance" position="bottom-right" v-if="distance">
-        <template #trigger>
-          <o-button :title="t('Select distance')">{{ distanceText }}</o-button>
+        <template #trigger="{ active }">
+          <o-button
+            :title="t('Select distance')"
+            :icon-right="active ? 'menu-up' : 'menu-down'"
+          >
+            {{ distanceText }}
+          </o-button>
         </template>
         <o-dropdown-item
           v-for="distance_item in distanceList"