diff --git a/jcal/src/Calendar.scss b/jcal/src/Calendar.scss
index f1e6c5e..7fc4f2d 100644
--- a/jcal/src/Calendar.scss
+++ b/jcal/src/Calendar.scss
@@ -166,3 +166,23 @@
 .Calendar-today-button {
     max-width: 5em;
 }
+
+@media (pointer: coarse), (hover: none) {
+    .DayDetail-gregorian abbr {
+        position: relative;
+        display: inline-flex;
+        justify-content: center;
+        text-decoration: underline dashed;
+
+        &:focus::after {
+            content: attr(title);
+            position: absolute;
+            top: 90%;
+            color: #000;
+            background-color: #fff;
+            border: 1px solid;
+            width: fit-content;
+            padding: 3px;
+        }
+    }
+}