diff --git a/aleksis/core/frontend/components/calendar/CalendarOverview.vue b/aleksis/core/frontend/components/calendar/CalendarOverview.vue
index db9d10a0ab8dfc30bcb68862646b1875a050f9a0..8eb95fcc327434189695922688ce1d371a78a685 100644
--- a/aleksis/core/frontend/components/calendar/CalendarOverview.vue
+++ b/aleksis/core/frontend/components/calendar/CalendarOverview.vue
@@ -65,12 +65,12 @@
               :value="calendarType.type"
               :key="calendarType.type"
             >
+              <v-icon v-if="$vuetify.breakpoint.smAndDown">{{
+                "mdi-" + calendarType.icon
+              }}</v-icon>
               <span class="hidden-sm-and-down">{{
                 nameForMenu(calendarType)
               }}</span>
-              <v-icon :right="$vuetify.breakpoint.mdAndUp">{{
-                "mdi-" + calendarType.icon
-              }}</v-icon>
             </v-btn>
           </v-btn-toggle>
         </v-col>