diff --git a/js/src/components/Event/EventCard.vue b/js/src/components/Event/EventCard.vue
index c55b9dd88..40f4a513e 100644
--- a/js/src/components/Event/EventCard.vue
+++ b/js/src/components/Event/EventCard.vue
@@ -218,7 +218,7 @@ a.card {
       color: #3c376e;
 
       span {
-        width: 15rem;
+        width: 14rem;
         display: block;
         overflow: hidden;
 
diff --git a/js/src/components/Settings/SettingsOnboarding.vue b/js/src/components/Settings/SettingsOnboarding.vue
index 5ed1c2b0d..d97c2dc79 100644
--- a/js/src/components/Settings/SettingsOnboarding.vue
+++ b/js/src/components/Settings/SettingsOnboarding.vue
@@ -4,10 +4,18 @@
       <div class="setting-title">
         <h2>{{ $t("Settings") }}</h2>
       </div>
+      <h3>{{ $t("Timezone") }}</h3>
       <p>
-        <h3>{{ $t("Timezone") }}</h3>
-        {{ $t("We use your timezone to make sure you get notifications for an event at the correct time.") }}
-        {{ $t("Your timezone was detected as {timezone}.", { timezone: Intl.DateTimeFormat().resolvedOptions().timeZone }) }}
+        {{
+          $t(
+            "We use your timezone to make sure you get notifications for an event at the correct time."
+          )
+        }}
+        {{
+          $t("Your timezone was detected as {timezone}.", {
+            timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
+          })
+        }}
       </p>
       <div class="has-text-centered">
         <router-link :to="{ name: RouteName.PREFERENCES }" class="button is-primary is-outlined">{{