diff --git a/console/client/src/sections/console/containers/index.js b/console/client/src/sections/console/containers/index.js
index 36821c2..2bc61df 100644
--- a/console/client/src/sections/console/containers/index.js
+++ b/console/client/src/sections/console/containers/index.js
@@ -552,7 +552,9 @@ function Index (props) {
                                     background:
                                         darkModde ? darkColor.background : 'auto'
                                 }}>
-                                    <div className="card" style={cardStyle}>
+                                    <div className="card" style={Object.assign({}, cardStyle, {
+                                        boxShadow: `0 0 10px ${s.dataFrom === 'live' && craneParams[s.v]?.Warn ? Colors.pickColorWithAlarmLevel(craneParams[s.v]?.Warn) : darkModde ? darkColor.shadow : 'rgba(0, 0, 0, 0.2)'}`,
+                                    })}>
                                         {
                                             s.k ?
                                                 <>
@@ -576,7 +578,7 @@ function Index (props) {
                                                         }
                                                     </p>
                                                     <span className="status" style={{
-                                                        backgroundColor: s.dataFrom === 'live' && craneParams[s.v]?.Warn ? Colors.getAlarmLevelColors(craneParams[s.v]?.Warn) : undefined
+                                                        backgroundColor: s.dataFrom === 'live' && craneParams[s.v]?.Warn ? Colors.pickColorWithAlarmLevel(craneParams[s.v]?.Warn) : undefined
                                                     }}>
                                                         {
                                                             s.dataFrom === 'live' ?