diff --git a/src/routes/Calendar/List/Item/Item.less b/src/routes/Calendar/List/Item/Item.less
index 051e092df..e850d3e49 100644
--- a/src/routes/Calendar/List/Item/Item.less
+++ b/src/routes/Calendar/List/Item/Item.less
@@ -7,6 +7,8 @@
     flex-direction: column;
     background-color: var(--overlay-color);
     border-radius: var(--border-radius);
+    border: 0.15rem solid transparent;
+    transition: border-color 0.1s ease-out;
 
     .heading {
         flex: none;
@@ -80,19 +82,6 @@
         }
     }
 
-    &::before {
-        border: 0.15rem solid transparent;
-        border-radius: var(--border-radius);
-        box-sizing: border-box;
-        content: "";
-        width: 100%;
-        height: 100%;
-        position: absolute;
-        pointer-events: none;
-        z-index: 1;
-        transition: border-color 0.1s ease-out;
-    }
-
     &.today {
         .heading {
             background-color: var(--primary-accent-color);
@@ -100,12 +89,16 @@
     }
 
     &.active {
-        &::before {
-            border-color: var(--primary-foreground-color);
-        }
+        border-color: var(--primary-foreground-color);
     }
 
     &:not(.active):hover {
         border-color: var(--overlay-color);
     }
 }
+
+@supports (scroll-margin-block-start: 2px) {
+    .item {
+        scroll-margin-block-start: 2px;
+    }
+}
\ No newline at end of file
diff --git a/src/routes/Calendar/List/List.less b/src/routes/Calendar/List/List.less
index f63078680..9a1904a70 100644
--- a/src/routes/Calendar/List/List.less
+++ b/src/routes/Calendar/List/List.less
@@ -35,3 +35,9 @@
         display: none;
     }
 }
+
+@supports (scroll-padding-block-start: 2px) {
+    .list {
+        scroll-padding-block-start: 2px;
+    }
+}
\ No newline at end of file