diff --git a/index.html b/index.html
index d3fb335de0..6f246b449e 100644
--- a/index.html
+++ b/index.html
@@ -1037,13 +1037,15 @@ <h3>On-Demand Services Overview</h3>
         //#region Drag and Drop
         const drag = document.getElementById('drag-example');
 
-        drag.items = [
+        if (drag) {
+          drag.items = [
           { title: 'Title item 1', description: 'Item description 1', closable: false, locked: true },
           { description: 'Item description 2' },
           { title: 'Title item 3', icon: 'atom' },
           { title: 'Title item 4', description: 'Item description 4' },
           { title: 'Title item 5', description: 'Item description 5' },
-        ];
+          ];
+        }
         //#endregion
 
         //#region Enterprise ID Switcher
diff --git a/src/chi/components/card/card.scss b/src/chi/components/card/card.scss
old mode 100755
new mode 100644
index 3eaa96011e..745001be3a
--- a/src/chi/components/card/card.scss
+++ b/src/chi/components/card/card.scss
@@ -320,24 +320,68 @@
   }
 
   &.-highlight {
-    background-color: $card-highlight-background-color;
-
-    .chi-card__content {
+    &,
+    &.-outline,
+    &.-outline.-widget,
+    &.-widget,
+    &.-kpi {
+      background-color: $card-highlight-background-color;
       border: $card-highlight-border;
     }
 
+    &.-alert {
+      background-color: $card-highlight-background-color;
+
+      .chi-card__content {
+        background-color: $color-background-white;
+      }
+    }
+
+    &.-kpi:hover {
+      box-shadow: none;
+    }
+
     .chi-card__header {
-      background-color: $color-background-white;
+      border-radius: $card-border-radius;
+    }
+
+    .chi-card__content {
+      background-color: $card-highlight-background-color;
     }
 
     &.-widget {
-      border: $card-widget-border;
-      border-color: $card-highlight-border-color;
-  
-      .chi-card__header {
+      .chi-card__header,
+      .chi-card__content {
         background-color: $card-highlight-background-color;
       }
     }
+
+    &.-alert:has(> chi-accordion .chi-accordion, > .chi-accordion),
+    &.-accordion,
+    &.-accordion.-outline {
+      border-color: $card-highlight-border-color;
+      background-color: $card-highlight-background-color;
+
+      > chi-accordion .chi-accordion,
+      > .chi-accordion {
+        .chi-accordion__item {
+          border-radius: $card-border-radius;
+
+          .chi-accordion__content {
+            background-color: $card-highlight-background-color;
+            border-radius: $card-border-radius;
+
+            > .chi-card__content {
+              background-color: $card-highlight-background-color;
+            }
+          }
+
+          .chi-accordion__trigger {
+            border-color: $card-highlight-border-color;
+          }
+        }
+      }
+    }
   }
 
   &.-kpi {
diff --git a/src/chi/themes/brightspeed/_variables.scss b/src/chi/themes/brightspeed/_variables.scss
index b15967562f..044d098348 100644
--- a/src/chi/themes/brightspeed/_variables.scss
+++ b/src/chi/themes/brightspeed/_variables.scss
@@ -1005,7 +1005,7 @@ $card-hero-width:                           100%;
 $card-highlight-background-color:           $color-background-secondary-light;
 $card-highlight-border:                     none;
 $card-highlight-border-color:               $color-yellow-30;
-$card-highlight-header-background-color:    $color-background-white;
+$card-highlight-border:                     0.0625rem solid $card-highlight-border-color;
 $card-tabs-border-bottom:                   inset 0 -0.125rem 0 0 $color-border-base;
 $card-tabs-padding:                         1rem 2rem;
 
diff --git a/src/chi/themes/centurylink/_variables.scss b/src/chi/themes/centurylink/_variables.scss
index ce5b067e7e..3a28dfa459 100644
--- a/src/chi/themes/centurylink/_variables.scss
+++ b/src/chi/themes/centurylink/_variables.scss
@@ -1020,7 +1020,7 @@ $card-hero-width:                           100%;
 $card-highlight-background-color:           $color-background-secondary-light;
 $card-highlight-border:                     none;
 $card-highlight-border-color:               $color-mint-30;
-$card-highlight-header-background-color:    $color-background-white;
+$card-highlight-border:                     0.0625rem solid $card-highlight-border-color;
 $card-tabs-border-bottom:                   none;
 $card-tabs-padding:                         0 1rem;
 
diff --git a/src/chi/themes/colt/_variables.scss b/src/chi/themes/colt/_variables.scss
index 728fff0199..d363999833 100644
--- a/src/chi/themes/colt/_variables.scss
+++ b/src/chi/themes/colt/_variables.scss
@@ -1009,7 +1009,7 @@ $card-hero-width:                           100%;
 $card-highlight-background-color:           $color-background-secondary-light;
 $card-highlight-border:                     none;
 $card-highlight-border-color:               $color-teal-20;
-$card-highlight-header-background-color:    $color-background-white;
+$card-highlight-border:                     0.0625rem solid $card-highlight-border-color;
 $card-tabs-border-bottom:                   inset 0 -0.125rem 0 0 $color-border-base;
 $card-tabs-padding:                         1rem 2rem;
 
diff --git a/src/chi/themes/connect/_variables.scss b/src/chi/themes/connect/_variables.scss
index d526ef7635..22f9d776d1 100644
--- a/src/chi/themes/connect/_variables.scss
+++ b/src/chi/themes/connect/_variables.scss
@@ -1051,9 +1051,8 @@ $card-header-sm-padding: 0.5rem 1rem;
 $card-hero-border-radius: 0;
 $card-hero-width: 100%;
 $card-highlight-background-color: $color-teal-10;
-$card-highlight-border-color: $color-teal-60;
+$card-highlight-border-color: $color-teal-20;
 $card-highlight-border: 0.0625rem solid $card-highlight-border-color;
-$card-highlight-header-background-color: $color-background-white;
 $card-tabs-border-bottom: inset 0 -0.125rem 0 0 $color-border-base;
 $card-tabs-padding: 1rem 2rem;
 
diff --git a/src/chi/themes/lumen/_variables.scss b/src/chi/themes/lumen/_variables.scss
index 1e10fee247..97c1ae9893 100644
--- a/src/chi/themes/lumen/_variables.scss
+++ b/src/chi/themes/lumen/_variables.scss
@@ -1041,9 +1041,8 @@ $card-header-sm-padding: 0.5rem 1rem;
 $card-hero-border-radius: 0;
 $card-hero-width: 100%;
 $card-highlight-background-color: $color-background-secondary-light;
-$card-highlight-border: none;
-$card-highlight-border-color: $color-cyan-20;
-$card-highlight-header-background-color: $color-background-white;
+$card-highlight-border-color: $color-teal-20;
+$card-highlight-border: 0.0625rem solid $card-highlight-border-color;
 $card-tabs-border-bottom: none;
 $card-tabs-padding: 0 1rem;
 
diff --git a/src/chi/themes/portal/_variables.scss b/src/chi/themes/portal/_variables.scss
index 717f7748f0..ba62dda6f9 100644
--- a/src/chi/themes/portal/_variables.scss
+++ b/src/chi/themes/portal/_variables.scss
@@ -1040,9 +1040,8 @@ $card-header-sm-padding: 0.5rem 1rem;
 $card-hero-border-radius: 0;
 $card-hero-width: 100%;
 $card-highlight-background-color: $color-cyan-10;
-$card-highlight-border: none;
-$card-highlight-border-color: $color-cyan-20;
-$card-highlight-header-background-color: $color-background-white;
+$card-highlight-border-color: $color-teal-20;
+$card-highlight-border: 0.0625rem solid $card-highlight-border-color;
 $card-tabs-border-bottom: inset 0 -0.125rem 0 0 $color-border-base;
 $card-tabs-padding: 1rem 2rem;
 
diff --git a/src/chi/themes/test/_variables.scss b/src/chi/themes/test/_variables.scss
index 78c3f37281..3e6afd13eb 100644
--- a/src/chi/themes/test/_variables.scss
+++ b/src/chi/themes/test/_variables.scss
@@ -1052,9 +1052,8 @@ $card-header-sm-padding: 0.5rem 1rem;
 $card-hero-border-radius: 0;
 $card-hero-width: 100%;
 $card-highlight-background-color: $color-cyan-10;
-$card-highlight-border: none;
-$card-highlight-border-color: $color-cyan-20;
-$card-highlight-header-background-color: $color-background-white;
+$card-highlight-border-color: $color-teal-20;
+$card-highlight-border: 0.0625rem solid $card-highlight-border-color;
 $card-tabs-border-bottom: inset 0 -0.125rem 0 0 $color-border-base;
 $card-tabs-padding: 1rem 2rem;
 
diff --git a/sri.json b/sri.json
index f118f7e2f2..a7ebec50c0 100644
--- a/sri.json
+++ b/sri.json
@@ -1,11 +1,11 @@
 {
-  "dist/chi.css": "sha256-5YPLEGAR8BOyolw4uxD2KyT32dWokMtS1EVu8OuL+zI=",
-  "dist/chi-centurylink.css": "sha256-E/ZOE4LfpzC3eU+/2UVj+l5yeK7v65FmL+5SHT/rsKk=",
-  "dist/chi-portal.css": "sha256-4JWVRjSg4pSw3gTsSYnDZMbducd+jXNUePTy1rZFdTw=",
-  "dist/chi-connect.css": "sha256-6/N+c/I0WlX4Xp+oX2Ez7vENUjKMYf3qK/a51tCYBBc=",
-  "dist/chi-brightspeed.css": "sha256-IruPHRIlz8sw48e1pc4TvPEzMu8HtN8PbkOK/8/a0xA=",
-  "dist/chi-colt.css": "sha256-4RPV2QB/2u6Jl0RzndjgFpi3h1Dj5exvPkNDzBkYtCY=",
-  "dist/chi-test.css": "sha256-KyuPYNurUj90oDhqEJ7s5fD3Ju0wPOA3VfIcfdwooU8=",
+  "dist/chi.css": "sha256-J9KOanyXEigwXtHHy9Gcv7pzO0tJ3G+5OpGcAWfQEf0=",
+  "dist/chi-centurylink.css": "sha256-EaS7befPF55Gx3/CfklxlA0A6c5ZR0PsBB8Namg+wCI=",
+  "dist/chi-portal.css": "sha256-ktrUkrjXMwKYIqdWiv7FT3GHfuKZP2Mm/FcsavhioHo=",
+  "dist/chi-connect.css": "sha256-xFU7TZ6ufyNxr2HKsKFCIlkZRaflmHtuWO5mWCBXIiE=",
+  "dist/chi-brightspeed.css": "sha256-Ch/RWBVPs3hRY74uWfYxx564dJj7PZDNaJr4bW4PoqA=",
+  "dist/chi-colt.css": "sha256-+Ez7ATXkEgMTA4GLxLRP/1lcGPgGdsOmjeQ3oYiQbqY=",
+  "dist/chi-test.css": "sha256-3SEtG7csu5Hz5HI6dGyfL6EzkyUZiAFM/3E2v6Kljbk=",
   "dist/js/chi.js": "sha256-TWL+xA4fFh/UsDOhGnyz2gET/P0XSfqK6ZWFTsPyPu8=",
   "dist/assets/themes/lumen/images/favicon.svg": "sha256-+0ITKaXKx702ZWOzublRl83MJVOIbUMTQG8JvN+76B0=",
   "dist/assets/themes/lumen/images/favicon.ico": "sha256-EkKmbH+i/VIQAtUl7NF4bPVaaJZCeBc5xWx8LTcMJp0=",