diff --git a/frontend/src/app/ui/description/listing/description-listing.component.scss b/frontend/src/app/ui/description/listing/description-listing.component.scss
index 434916e35..b6518306f 100644
--- a/frontend/src/app/ui/description/listing/description-listing.component.scss
+++ b/frontend/src/app/ui/description/listing/description-listing.component.scss
@@ -187,7 +187,7 @@
 }
 
 ::ng-deep .mat-radio-button .mat-radio-outer-circle {
-  border: 1px solid #aaaaaa;
+  border: 1px solid var(--light-gray);
 }
 
 ::ng-deep .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
diff --git a/frontend/src/app/ui/plan/listing/filtering/plan-filter.component.scss b/frontend/src/app/ui/plan/listing/filtering/plan-filter.component.scss
index 5e7049968..e13c3977b 100644
--- a/frontend/src/app/ui/plan/listing/filtering/plan-filter.component.scss
+++ b/frontend/src/app/ui/plan/listing/filtering/plan-filter.component.scss
@@ -57,7 +57,7 @@
 }
 
 ::ng-deep .mat-checkbox .mat-checkbox-frame {
-  border: 1px solid #aaaaaa;
+  border: 1px solid var(--light-gray);
 }
 
 ::ng-deep .mat-checkbox-checked.mat-accent .mat-checkbox-background,
@@ -79,7 +79,7 @@
 }
 
 ::ng-deep .mat-radio-button .mat-radio-outer-circle {
-  border: 1px solid #aaaaaa;
+  border: 1px solid var(--light-gray);
 }
 
 ::ng-deep .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
diff --git a/frontend/src/app/ui/plan/plan-contact-prefill-dialog/plan-contact-prefill-dialog.component.scss b/frontend/src/app/ui/plan/plan-contact-prefill-dialog/plan-contact-prefill-dialog.component.scss
index 8b524a42c..a3fbe861c 100644
--- a/frontend/src/app/ui/plan/plan-contact-prefill-dialog/plan-contact-prefill-dialog.component.scss
+++ b/frontend/src/app/ui/plan/plan-contact-prefill-dialog/plan-contact-prefill-dialog.component.scss
@@ -8,7 +8,7 @@
 	}
 
 	.cancel {
-		background-color: #aaaaaa;
+		background-color: var(--light-gray);
 		color: #ffffff;
 	}
 
diff --git a/frontend/src/styles.scss b/frontend/src/styles.scss
index 988337832..efd3f57eb 100644
--- a/frontend/src/styles.scss
+++ b/frontend/src/styles.scss
@@ -12,6 +12,7 @@
     --primary-text: #ffffff;
     --secondary-text: #000000;
     --gray-text: #757575; //previously #848484
+    --light-gray: #aaaaaa
 }
 
 // Define your theme with color palettes, typography and density