diff --git a/renderer/app.css b/renderer/app.css
index 1f0c205e..7f10060c 100644
--- a/renderer/app.css
+++ b/renderer/app.css
@@ -39,26 +39,24 @@
 .timeline-scrollable {
   overflow-y: auto;
   overflow-x: auto;
-
-  &::-webkit-scrollbar {
-    width: 6px !important;
-    height: 6px !important;
-  }
-
-  &::-webkit-scrollbar-thumb {
-    background-color: rgb(203 213 225);
-    border-radius: 4px !important;
-    opacity: 0;
-  }
-
-  &::-webkit-scrollbar-track {
-    border-radius: 4px !important;
-    background-color: rgb(241 245 249);
-  }
-
-  &:hover {
-    &::-webkit-scrollbar-thumb {
-      opacity: 1;
-    }
-  }
+}
+
+.timeline-scrollable::-webkit-scrollbar {
+  width: 6px !important;
+  height: 6px !important;
+}
+
+.timeline-scrollable::-webkit-scrollbar-thumb {
+  background-color: rgb(203 213 225);
+  border-radius: 4px !important;
+  opacity: 0;
+}
+
+.timeline-scrollable::-webkit-scrollbar-track {
+  border-radius: 4px !important;
+  background-color: rgb(241 245 249);
+}
+
+.timeline-scrollable:hover::-webkit-scrollbar-thumb {
+  opacity: 1;
 }
diff --git a/renderer/components/timelines/status/Card.tsx b/renderer/components/timelines/status/Card.tsx
index f09f1f13..371731cf 100644
--- a/renderer/components/timelines/status/Card.tsx
+++ b/renderer/components/timelines/status/Card.tsx
@@ -11,7 +11,7 @@ export default function Card(props: Props) {
 
   return (
     <div
-      className="flex border-inherit border border-solid rounded-md w-full cursor-pointer overflow-hidden text-ellipsis"
+      className="flex border-inherit border border-solid rounded-md w-full cursor-pointer overflow-hidden text-ellipsis mb-1"
       onClick={openCard}
     >
       <div style={{ height: '60px', width: '60px' }}>