diff --git a/app/Views/mail_template.php b/app/Views/mail_template.php
index 12b4dac..22582cf 100644
--- a/app/Views/mail_template.php
+++ b/app/Views/mail_template.php
@@ -11,7 +11,7 @@
 
 .mail-template-header {
   max-width: 500px;
-  background: #ffffff;
+  background-color: #ffffff !important;
   border-bottom: 1px solid #00999E;
   width: 100%;   /* default: allow full width */
 }
@@ -19,6 +19,7 @@
 /* On screens smaller than 600px → force 100% */
 @media screen and (max-width: 600px) {
   .mail-template-header {
+    background-color: #ffffff !important;
     max-width: 100% !important;
     width: 100% !important;
   }
@@ -26,7 +27,7 @@
 
 .mail-template-footer {
   max-width: 500px;
-  background: #ffffff;
+  background-color: #ffffff !important;
   border-top: 1px solid #00999E;
   width: 100%;   /* default: allow full width */
 }
@@ -34,6 +35,7 @@
 /* On screens smaller than 600px → force 100% */
 @media screen and (max-width: 600px) {
   .mail-template-footer {
+    background-color: #ffffff !important;
     max-width: 100% !important;
     width: 100% !important;
   }
@@ -49,7 +51,7 @@
     <!-- header -->
   <div align="center">
     <table width="100%" border="0" cellspacing="0" cellpadding="0" class="mail-template-header">
-      <tr style="height:90px; background-color: #ffffff;">
+      <tr style="height:90px; background-color: #ffffff !important;">
         <td align="left" valign="middle" style="padding:20px;" width="50%">
           <img src="<?= $client_logo?>"
             alt="Client Logo"
@@ -76,7 +78,7 @@
   <!-- footer -->
   <div align="center">
     <table width="100%"  border="0" cellspacing="0" cellpadding="0" class="mail-template-footer">
-    <tr style="background-color: #ffffff;">
+    <tr style="background-color: #ffffff !important;">
         <td align="center" valign="middle" style="padding-top:5px;">
         <img src="<?= base_url('/public/assets/images/Nhance-Logo-Final.png'); ?>" 
             alt="Default Logo" 
@@ -93,3 +95,4 @@
 
 </html>
 
+