diff --git a/src/views/Login/Login.vue b/src/views/Login/Login.vue
index bed58dc..2018720 100644
--- a/src/views/Login/Login.vue
+++ b/src/views/Login/Login.vue
@@ -142,11 +142,7 @@
 <style lang="scss" scoped>
 .login-container {
   @include media-breakpoint-up(md) {
-    background: linear-gradient(
-      to right,
-      var(--light) 50%,
-      var(--secondary-light) 50%
-    );
+    background: linear-gradient(to right, $light 50%, $container-bgd 50%);
   }
 }
 
diff --git a/src/views/Overview/OverviewQuickLinks.vue b/src/views/Overview/OverviewQuickLinks.vue
index 32d5af4..9f3ba52 100644
--- a/src/views/Overview/OverviewQuickLinks.vue
+++ b/src/views/Overview/OverviewQuickLinks.vue
@@ -83,7 +83,7 @@
 }
 
 .quicklinks {
-  background: $gray-200;
+  background: $container-bgd;
   display: grid;
   grid-gap: 1rem;
   padding: 1rem;