diff --git a/src/assets/styles/_common-variables.scss b/src/assets/styles/_common-variables.scss
index a45ecba..ef77f99 100644
--- a/src/assets/styles/_common-variables.scss
+++ b/src/assets/styles/_common-variables.scss
@@ -28,6 +28,7 @@
     --iqser-green-2: #5ce594;
     --iqser-yellow-1: #ffb83b;
     --iqser-yellow-2: #fdbd00;
+    --iqser-yellow-rgb: 253, 189, 0;
     --iqser-red-1: #dd4d50;
     --iqser-blue-5: #c5d3eb;
     --iqser-helpmode-primary: green;
diff --git a/src/assets/styles/common-components.scss b/src/assets/styles/common-components.scss
index 5c57d45..f8fe39a 100644
--- a/src/assets/styles/common-components.scss
+++ b/src/assets/styles/common-components.scss
@@ -88,6 +88,21 @@
         &:not(:last-child) {
             margin-right: 12px;
         }
+
+        &.warn, &.error {
+            opacity: 1;
+            padding: 3px 4px;
+            border-radius: 3px;
+        }
+
+        &.warn {
+            background-color: rgba(var(--iqser-yellow-rgb), 0.7);
+        }
+
+        &.error {
+            background-color: rgba(var(--iqser-primary-rgb), 0.1);
+            color: var(--iqser-primary);
+        }
     }
 
     &:not(.cell) {