diff --git a/package.json b/package.json
index 48a762d..abd4ab4 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
 	"name": "@firq/fgosite",
 	"type": "module",
-	"version": "0.2.0-pre.58",
+	"version": "0.2.0-pre.59",
 	"private": true,
 	"scripts": {
 		"dev": "astro dev",
diff --git a/src/components/cards/ceCard.astro b/src/components/cards/ceCard.astro
index 204110e..8d2bcc4 100644
--- a/src/components/cards/ceCard.astro
+++ b/src/components/cards/ceCard.astro
@@ -28,6 +28,10 @@ const mlb_image = mlb ? 'mlbalign' : 'hidemlb'
 </article>
 
 <style>
+  * {
+    transition: all var(--a-time-default) var(--a-animation-1);
+  }
+
   .hidemlb {
     display: none;
     height: 1em;
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index fef05c4..cab9b9c 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -141,7 +141,11 @@ const mapped_navdata = navdata.map((item) => ({
     --c-rgb-accent-1: 184, 108, 255;
     --c-rgb-accent-1-alt: 193, 5, 255;
     --c-rgb-accent-2: 255, 0, 119;
+
+    /* Scrollbar */
+    scrollbar-color: var(--c-secondary-background) var(--c-primary-background);
   }
+
   body {
     background: var(--c-secondary-background);
     margin: 0px;