diff --git a/views/css/components/hero.css b/views/css/components/hero.css
index 482bd85..ea120a4 100644
--- a/views/css/components/hero.css
+++ b/views/css/components/hero.css
@@ -109,4 +109,12 @@
     background: radial-gradient(circle at center, transparent 0%, var(--color-bg-base) 120%),
     linear-gradient(to top, var(--color-bg-base) 10%, rgba(9,9,11,0.8) 25%, transparent 60%);
     z-index: 1;
+}
+
+.score-badge {
+    color: #22c55e;
+    background: rgba(34, 197, 94, 0.1);
+    padding: 0.2rem 0.8rem;
+    border-radius: 6px;
+    border: 1px solid rgba(34, 197, 94, 0.2);
 }
\ No newline at end of file
diff --git a/views/css/components/titlebar.css b/views/css/components/titlebar.css
index d2a3c06..bd7515e 100644
--- a/views/css/components/titlebar.css
+++ b/views/css/components/titlebar.css
@@ -24,6 +24,10 @@ html.electron .top-bar {
     top: var(--titlebar-height) !important;
 }
 
+html.electron .calendar-wrapper {
+    margin-top: 4rem;
+}
+
 html.electron .back-btn {
     top: 55px !important;
 }
diff --git a/views/css/globals.css b/views/css/globals.css
index 8747a4b..1daa0e9 100644
--- a/views/css/globals.css
+++ b/views/css/globals.css
@@ -129,12 +129,14 @@ body {
     margin-bottom: 0.8rem;
     background: #222;
 }
+
 .card-img-wrap img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: transform 0.4s;
 }
+
 .card:hover .card-img-wrap img {
     transform: scale(1.05);
 }