diff --git a/src/mastodon-timeline.css b/src/mastodon-timeline.css
index e88a49a..bd80511 100644
--- a/src/mastodon-timeline.css
+++ b/src/mastodon-timeline.css
@@ -32,6 +32,7 @@ html[data-theme="dark"] {
   overflow-y: auto;
   position: relative;
   background: var(--bg-color);
+  scrollbar-color: var(--bg-hover-color) rgba(0, 0, 0, 0.1);
 }
 .mt-timeline a:link,
 .mt-timeline a:active,
@@ -42,6 +43,24 @@ html[data-theme="dark"] {
 .mt-timeline a:hover {
   text-decoration: underline;
 }
+.mt-timeline::-webkit-scrollbar {
+  width: 0.75rem;
+  height: 0.75rem;
+}
+.mt-timeline::-webkit-scrollbar-corner {
+  background: transparent;
+}
+.mt-timeline::-webkit-scrollbar-thumb {
+  border-radius: 0;
+  border: 0 var(--content-text);
+  border-radius: 2rem;
+  background: var(--bg-hover-color);  
+}
+.mt-timeline::-webkit-scrollbar-track {
+  border: 0 var(--content-text);
+  border-radius: 0;
+  background: rgba(0, 0, 0, 0.1);
+}
 
 .mt-body {
   padding: 1rem 1.5rem;
@@ -57,31 +76,6 @@ html[data-theme="dark"] {
   position: absolute;
 }
 
-/* Scroll bar */
-html{
-  scrollbar-color: var(--bg-hover-color) rgba(0, 0, 0, 0.1);
-}
-::-webkit-scrollbar {
-  width: 0.75rem;
-  height: 0.75rem;
-}
-::-webkit-scrollbar-corner {
-  background: transparent;
-}
-::-webkit-scrollbar-thumb {
-  border-radius: 0;
-}
-::-webkit-scrollbar-thumb {
-  border: 0 var(--content-text);
-  border-radius: 2rem;
-  background: var(--bg-hover-color);
-}
-::-webkit-scrollbar-track {
-  border: 0 var(--content-text);
-  border-radius: 0;
-  background: rgba(0, 0, 0, 0.1);
-}
-
 /* Toot container */
 .mt-toot {
   margin: 0.25rem;