diff --git a/data/theme/gtk-styles.css b/data/theme/gtk-styles.css
index 52f41216..ddfe7f9f 100644
--- a/data/theme/gtk-styles.css
+++ b/data/theme/gtk-styles.css
@@ -158,22 +158,19 @@ calendar-view.second-view-header {
     font-style: italic;
 }
 
-list.sidebar {
-    background-color: @theme_bg_color;
+.year-view .sidebar {
+    border: 1px none @borders;
 }
 
-box.sidebar {
-    background-color: @theme_bg_color;
-    border-color: @borders;
-    border-style: solid;
+.year-view .sidebar:backdrop {
+    border-color: @unfocused_borders;
 }
 
-.year-view box.sidebar:dir(ltr) {
-    border-left-width: 1px;
+.year-view .sidebar:dir(ltr) {
+    border-left-style: solid;
 }
-
-.year-view box.sidebar:dir(rtl) {
-    border-right-width: 1px;
+.year-view .sidebar:dir(rtl) {
+    border-right-style: solid;
 }
 
 .year-view scrolledwindow {
diff --git a/data/ui/year-view.ui b/data/ui/year-view.ui
index 4fdb7870..99b43b19 100644
--- a/data/ui/year-view.ui
+++ b/data/ui/year-view.ui
@@ -51,7 +51,7 @@
             <child>
               <object class="GtkScrolledWindow" id="navigator_sidebar">
                 <property name="visible">True</property>
-                <property name="shadow_type">out</property>
+                <property name="shadow_type">none</property>
                 <property name="vexpand">True</property>
                 <child>
                   <object class="GtkListBox" id="events_sidebar">