diff --git a/src/scss/media-grid.scss b/src/scss/media-grid.scss
index d0f085ed..7a6535c1 100644
--- a/src/scss/media-grid.scss
+++ b/src/scss/media-grid.scss
@@ -35,7 +35,8 @@
 }
 
 ::slotted([selected]) {
-  border: var(--advanced-camera-card-grid-border-size) solid var(--primary-color);
+  border: var(--advanced-camera-card-grid-border-size) solid
+    var(--advanced-camera-card-grid-selected-border-color);
   width: min(
     100%,
     calc(
diff --git a/src/scss/themes/base.scss b/src/scss/themes/base.scss
index c99f65f0..34ee042b 100644
--- a/src/scss/themes/base.scss
+++ b/src/scss/themes/base.scss
@@ -178,4 +178,11 @@
   *********/
   --advanced-camera-card-trigger-border-color: var(--advanced-camera-card-warning-color);
   --advanced-camera-card-trigger-border-color-base: unset;
+
+  /*****
+  * Grid
+  ******/
+  --advanced-camera-card-grid-selected-border-color: var(
+    --advanced-camera-card-foreground-primary
+  );
 }