diff --git a/web/src/components/events/eventItem.module.scss b/web/src/components/events/eventItem.module.scss
index ec74cee..dab7f57 100644
--- a/web/src/components/events/eventItem.module.scss
+++ b/web/src/components/events/eventItem.module.scss
@@ -185,9 +185,15 @@
   font-size: var(--font-size-xs);
   font-family: var(--font-main);
   font-weight: 500;
+
+  @supports (text-box-trim: trim-both) {
+    text-box-trim: trim-both;
+    text-box-edge: cap alphabetic;
+    padding-block: 0.25em;
+  }
 }
 
 .moreDates {
   color: var(--color-goldenBeige);
   background: var(--color-deepBrick);
-}
\ No newline at end of file
+}
diff --git a/web/src/css/base.scss b/web/src/css/base.scss
index caac937..8fba96f 100644
--- a/web/src/css/base.scss
+++ b/web/src/css/base.scss
@@ -348,6 +348,12 @@ select {
   font-size: var(--font-size-caption);
   font-weight: 500;
   text-decoration: none;
+
+  @supports (text-box-trim: trim-both) {
+    text-box-trim: trim-both;
+    text-box-edge: cap alphabetic;
+    padding-block: 0.4em;
+  }
 }
 
 .blockContent {