diff --git a/ui/src/Components/Grid/AlertGrid/AlertGroup/index.js b/ui/src/Components/Grid/AlertGrid/AlertGroup/index.js
index ca353dc7b..cf63cd407 100644
--- a/ui/src/Components/Grid/AlertGrid/AlertGroup/index.js
+++ b/ui/src/Components/Grid/AlertGrid/AlertGroup/index.js
@@ -181,7 +181,12 @@ const AlertGroup = ({
         duration={context.animations.duration}
         wait={context.animations.duration}
       >
-        <div className={`card ${cardBackgroundClass}`}>
+        <div
+          className={`card ${cardBackgroundClass}`}
+          data-colortitlebar={
+            settingsStore.alertGroupConfig.config.colorTitleBar
+          }
+        >
           <GroupHeader
             isCollapsed={isCollapsed}
             setIsCollapsed={setIsCollapsed}