diff --git a/resources/blog.scss b/resources/blog.scss
index a59d298..517e5be 100644
--- a/resources/blog.scss
+++ b/resources/blog.scss
@@ -180,10 +180,7 @@
 .left-sidebar-item {
     display: flex;
     align-items: center;
-    border: 2px solid rgb(24, 26, 27);
-    border-radius: 15px;
-    margin-bottom: 10px;
-    margin-left: 10px;
+    border-radius: .5em;
 
     .sidebar-icon {
         font-size: large;
@@ -292,6 +289,7 @@
         margin-bottom: 1em;
         border-radius: 7px;
         display: flex;
+        background: inherit;
     }
 
     .blog-box {
@@ -307,6 +305,11 @@
 
 @media (min-width: 800px) {
     .left-sidebar-item {
+        margin-bottom: 10px;
+        margin-left: 10px;
+        border: 1px solid lightgray;
+        box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
+        background-color: white;
         padding: 0.8em 0.2em 0.8em 1em;
     }
 
diff --git a/resources/darkmode.css b/resources/darkmode.css
index e035dfc..47c03f5 100644
--- a/resources/darkmode.css
+++ b/resources/darkmode.css
@@ -1894,6 +1894,7 @@ noscript #noscript {
 }
 .left-sidebar-item {
     border-color: rgb(60, 65, 68);
+    background-color: rgb(24, 26, 27);
 }
 .left-sidebar-item.active {
     color: rgb(114, 255, 114);