diff --git a/admin-spa/src/routes/Settings/Notifications/EditTemplate.tsx b/admin-spa/src/routes/Settings/Notifications/EditTemplate.tsx
index fc40c6a..8602623 100644
--- a/admin-spa/src/routes/Settings/Notifications/EditTemplate.tsx
+++ b/admin-spa/src/routes/Settings/Notifications/EditTemplate.tsx
@@ -340,13 +340,13 @@ export default function EditTemplate() {
             .header { padding: 20px 16px; }
             .footer { padding: 20px 16px; }
           }
-          .card-success { background-color: #f0fdf4; border-left: 4px solid #22c55e; }
+          .card-success { background-color: #f0fdf4; }
           .card-highlight { background: linear-gradient(135deg, ${heroGradientStart} 0%, ${heroGradientEnd} 100%); color: ${heroTextColor}; }
           .card-highlight * { color: ${heroTextColor} !important; }
           .card-hero { background: linear-gradient(135deg, ${heroGradientStart} 0%, ${heroGradientEnd} 100%); color: ${heroTextColor}; }
           .card-hero * { color: ${heroTextColor} !important; }
-          .card-info { background-color: #f0f7ff; border-left: 4px solid #0071e3; }
-          .card-warning { background-color: #fff8e1; border-left: 4px solid #ff9800; }
+          .card-info { background-color: #f0f7ff; }
+          .card-warning { background-color: #fff8e1; }
           .card-basic { background: none; border: none; padding: 0; margin: 16px 0; }
           h1 { font-size: 26px; margin-top: 0; margin-bottom: 16px; color: #333; }
           h2 { font-size: 18px; margin-top: 0; margin-bottom: 16px; color: #333; }
diff --git a/admin-spa/src/routes/Settings/Notifications/TemplateEditor.tsx b/admin-spa/src/routes/Settings/Notifications/TemplateEditor.tsx
index 71ca0a8..41e6d8c 100644
--- a/admin-spa/src/routes/Settings/Notifications/TemplateEditor.tsx
+++ b/admin-spa/src/routes/Settings/Notifications/TemplateEditor.tsx
@@ -153,11 +153,11 @@ export default function TemplateEditor({
           .header { padding: 32px; text-align: center; background: #f8f8f8; }
           .card-gutter { padding: 0 16px; }
           .card { background: #ffffff; border-radius: 8px; margin-bottom: 24px; padding: 32px 40px; }
-          .card-success { background-color: #f0fdf4; border-left: 4px solid #22c55e; }
+          .card-success { background-color: #f0fdf4; }
           .card-highlight { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: #fff; }
           .card-highlight * { color: #fff !important; }
-          .card-info { background-color: #f0f7ff; border-left: 4px solid #0071e3; }
-          .card-warning { background-color: #fff8e1; border-left: 4px solid #ff9800; }
+          .card-info { background-color: #f0f7ff; }
+          .card-warning { background-color: #fff8e1; }
           h1 { font-size: 26px; margin-top: 0; margin-bottom: 16px; color: #333; }
           h2 { font-size: 18px; margin-top: 0; margin-bottom: 16px; color: #333; }
           h3 { font-size: 16px; margin-top: 0; margin-bottom: 8px; color: #333; }
diff --git a/includes/Core/Notifications/EmailRenderer.php b/includes/Core/Notifications/EmailRenderer.php
index 18ddd5c..157a832 100644
--- a/includes/Core/Notifications/EmailRenderer.php
+++ b/includes/Core/Notifications/EmailRenderer.php
@@ -451,15 +451,15 @@ class EmailRenderer {
 			}
 			// Success card - green theme
 			elseif ($type === 'success') {
-				$style .= ' background-color: #f0fdf4; border-left: 4px solid #22c55e;';
+				$style .= ' background-color: #f0fdf4;';
 			}
 			// Info card - blue theme
 			elseif ($type === 'info') {
-				$style .= ' background-color: #f0f7ff; border-left: 4px solid #0071e3;';
+				$style .= ' background-color: #f0f7ff;';
 			}
-			// Warning card - orange theme
+			// Warning card - orange/yellow theme
 			elseif ($type === 'warning') {
-				$style .= ' background-color: #fff8e1; border-left: 4px solid #ff9800;';
+				$style .= ' background-color: #fff8e1;';
 			}
 		}