diff --git a/frontend/src/styles/midsummer.css b/frontend/src/styles/midsummer.css
index 708ddb32..a4616e50 100644
--- a/frontend/src/styles/midsummer.css
+++ b/frontend/src/styles/midsummer.css
@@ -82,3 +82,27 @@
 @media (prefers-reduced-motion: reduce) {
   .ms-maypole-ring { animation: none; }
 }
+
+:root[data-midsummer] .ml-dot {
+  overflow: visible;
+}
+:root[data-midsummer] .ml-dot::before {
+  content: '🌸';
+  position: absolute;
+  left: 50%;
+  top: -9px;
+  transform: translateX(-50%);
+  font-size: 9px;
+  line-height: 1;
+  pointer-events: none;
+}
+:root[data-midsummer] .ml-dot.ml-dot-selected::after {
+  content: '🐸';
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  font-size: 15px;
+  line-height: 1;
+  pointer-events: none;
+}