diff --git a/src/gui/views/gcal-month-view.blp b/src/gui/views/gcal-month-view.blp
index 5d26748f..55033566 100644
--- a/src/gui/views/gcal-month-view.blp
+++ b/src/gui/views/gcal-month-view.blp
@@ -3,6 +3,10 @@ using Gtk 4.0;
 template $GcalMonthView: Widget {
   overflow: hidden;
 
+  styles [
+    "month-view",
+  ]
+
   EventControllerScroll {
     flags: vertical | kinetic;
     scroll-begin => $on_scroll_controller_scroll_begin_cb(template) not-swapped;
diff --git a/src/theme/style-hc.css b/src/theme/style-hc.css
index 99e5080f..781a4f6f 100644
--- a/src/theme/style-hc.css
+++ b/src/theme/style-hc.css
@@ -4,3 +4,7 @@ datechooser .weeknum {
   border: 1px solid rgb(from currentColor r g b / 50%);
 }
 
+calendar-view.month-view {
+  --raised-shade-color: var(--border-color);
+  --raised-shade-color-base: transparent;
+}
diff --git a/src/theme/style.css b/src/theme/style.css
index bc769354..bf738f38 100644
--- a/src/theme/style.css
+++ b/src/theme/style.css
@@ -315,22 +315,20 @@ monthcell.separator-top.separator-side {
  * Month row
  */
 
-calendar-view.scrolling > box {
-  box-shadow: var(--headerbar-shade-color) 0 2px 4px;
+calendar-view.month-view {
+  --raised-shade-color-base:
+    color-mix(in srgb, var(--headerbar-shade-color) 50%, transparent);
+
+  box-shadow:
+    inset 0 -1px var(--raised-shade-color, var(--raised-shade-color-base)),
+    inset 0 -2px 4px var(--raised-shade-color-base);
 }
 
-calendar-view > box, calendar-view {
-  transition: box-shadow 200ms, background 200ms;
-}
-
-/* similar to https://gitlab.gnome.org/GNOME/libadwaita/-/blob/649967044e269a0118ae09a9ff0ecba90cc58300/src/stylesheet/_drawing.scss#L57 */
-calendar-view.scrolling {
-  box-shadow: inset 0px -1px color-mix(in srgb, var(--shade-color) 75%, transparent);
-  background: linear-gradient(to top, color-mix(in srgb, var(--shade-color) 75%, transparent), transparent 4px);
-}
-
-.month-header {
+calendar-view.month-view > box.month-header {
   padding-bottom: 6px;
+  box-shadow:
+    0 1px var(--raised-shade-color, var(--raised-shade-color-base)),
+    0 2px 4px var(--raised-shade-color-base);
 }
 
 /*