diff --git a/frontend/styles/global.scss b/frontend/styles/global.scss
index 2b2981e..dd55e5c 100644
--- a/frontend/styles/global.scss
+++ b/frontend/styles/global.scss
@@ -142,18 +142,21 @@ h4 {
 // Colors
 .bg-green {
   background-color: var(--color-background-green);
+  border-color: var(--color-green);
 }
 .bg-pink {
   background-color: var(--color-background-pink);
+  border-color: var(--color-pink);
 }
 .bg-yellow {
   background-color: var(--color-background-yellow);
+  border-color: var(--color-yellow);
 }
 .bg-blue {
   background-color: var(--color-background-blue);
+  border-color: var(--color-blue);
 }
 
-
 .accent--xl {
     font-size:calc(1.375 * var(--text-base-size))
 }
diff --git a/frontend/styles/variables.scss b/frontend/styles/variables.scss
index 9eb686f..bcf6dbb 100644
--- a/frontend/styles/variables.scss
+++ b/frontend/styles/variables.scss
@@ -12,6 +12,7 @@ $mobile-width: 768px;
   --color-pink: #F0729F;
   --color-yellow: #F4D03F;
   --color-blue: #77A5BD;
+  --color-darkblue: #3e98bc;
 
   --color-background-pink: #F8CED1;
   --color-background-yellow: #F9E79F;