diff --git a/js/src/components/Event/StartTimeIcon.vue b/js/src/components/Event/StartTimeIcon.vue
index 406366fd9..77fd04869 100644
--- a/js/src/components/Event/StartTimeIcon.vue
+++ b/js/src/components/Event/StartTimeIcon.vue
@@ -30,19 +30,15 @@ const time = computed<string>(() =>
   dateObj.value.toLocaleTimeString(undefined, { hour: "2-digit", minute: "2-digit" })
 );
 
-const smallStyle = computed<string>(() => (props.small ? "1.2" : "2"));
+const smallStyle = computed<string>(() => (props.small ? "0.9" : "2"));
 </script>
 
 <style lang="scss" scoped>
 div.starttime-container {
   width: auto;
   box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
-  height: calc(40px * var(--small));
-
-  }
-  .starttime-container-content {
-    font-size: calc(1rem * var(--small));
-    padding: 0 0.5rem;
+  padding: 0.25rem 0.25rem;
+  font-size: calc(1rem * var(--small));
   }
 
   .clock-icon {