diff --git a/vue/src/apps/ShoppingListView/ShoppingListView.vue b/vue/src/apps/ShoppingListView/ShoppingListView.vue
index 5063ba3a..c6ba179c 100644
--- a/vue/src/apps/ShoppingListView/ShoppingListView.vue
+++ b/vue/src/apps/ShoppingListView/ShoppingListView.vue
@@ -37,13 +37,14 @@
                     <!-- shopping list tab -->
                     <b-tab active>
                         <template #title>
-                            <div class="d-print-none fa-fw">
+                            <div class="d-print-none">
                                 <i v-if="!shopping_list_store.currently_updating && useShoppingListStore().autosync_has_focus"
-                                   class="fas fa-shopping-cart fa-fw"></i>
+                                   class="fas fa-shopping-cart fa-fw" style=" height: 1.25em!important;"></i>
                                 <i v-if="!shopping_list_store.currently_updating && !useShoppingListStore().autosync_has_focus"
-                                   class="fas fa-eye-slash"></i>
-                                <b-spinner v-if="shopping_list_store.currently_updating" type="border"  small
-                                           style="line-height: 1!important;"></b-spinner>
+                                   class="fas fa-eye-slash fa-fw" style=" height: 1.25em!important;"></i>
+                                <b-spinner v-if="shopping_list_store.currently_updating" type="border" small
+                                           style="line-height: 1!important;width:1.25em!important; height: 1.25em!important;"></b-spinner>
+
                                 <span class="d-none d-md-inline-block ml-1">
                                     {{ $t('Shopping_list') + ` (${shopping_list_store.total_unchecked_food})` }}
                                 </span>