diff --git a/aleksis/core/frontend/components/calendar/BaseCalendarFeedEventBar.vue b/aleksis/core/frontend/components/calendar/BaseCalendarFeedEventBar.vue
index 87459c564cb2c627f641ca4b39ba62f9c34f5830..205cbb13a1c150555bec1e222244c2b361d31053 100644
--- a/aleksis/core/frontend/components/calendar/BaseCalendarFeedEventBar.vue
+++ b/aleksis/core/frontend/components/calendar/BaseCalendarFeedEventBar.vue
@@ -1,7 +1,7 @@
 <template>
   <div
-    class="mx-1 text-truncate"
-    :class="{ 'text-decoration-line-through': event.status === 'CANCELLED' }"
+    class="text-truncate"
+    :class="{ 'text-decoration-line-through': event.status === 'CANCELLED', 'mx-1': withPadding }"
     :style="{ height: '100%' }"
   >
     <slot name="time" v-bind="$props">
@@ -31,5 +31,22 @@ import calendarFeedEventBarMixin from "../../mixins/calendarFeedEventBar.js";
 export default {
   name: "BaseCalendarFeedEventBar",
   mixins: [calendarFeedEventBarMixin],
+    props: {
+      withPadding: {
+        required: false,
+        type: Boolean,
+        default: true,
+    },
+            icon: {
+      required: false,
+      type: String,
+      default: "",
+    },
+    withoutTime: {
+      required: false,
+      type: Boolean,
+      default: false,
+    },
+    }
 };
 </script>
diff --git a/aleksis/core/frontend/mixins/calendarFeedEventBar.js b/aleksis/core/frontend/mixins/calendarFeedEventBar.js
index 33d4e0c8836e8b6b3075af40b7e3ea7519b9789e..3b6590b0f68e75090b200bd0aa0fcc747cfdef51 100644
--- a/aleksis/core/frontend/mixins/calendarFeedEventBar.js
+++ b/aleksis/core/frontend/mixins/calendarFeedEventBar.js
@@ -15,16 +15,6 @@ const calendarFeedEventBarMixin = {
       required: true,
       type: String,
     },
-    icon: {
-      required: false,
-      type: String,
-      default: "",
-    },
-    withoutTime: {
-      required: false,
-      type: Boolean,
-      default: false,
-    },
   },
 };