diff --git a/resources/views/mail/user/alarm.blade.php b/resources/views/mail/user/alarm.blade.php
index 1401f8e1..347c548b 100644
--- a/resources/views/mail/user/alarm.blade.php
+++ b/resources/views/mail/user/alarm.blade.php
@@ -1,34 +1,86 @@
-<x-mail::message>
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="UTF-8" />
+  <title>NUH-Odds</title>
+</head>
+<body style="margin:0; padding:0; background:#f5f5f5;">
 
-<em>Message from NUH-Odds Alarm Monitoring</em>
-<br><br>
-{{ $message }}
+<table width="100%" cellpadding="0" cellspacing="0" bgcolor="#f5f5f5">
+  <tr>
+    <td align="center">
+      <table width="600" cellpadding="0" cellspacing="0" bgcolor="#ffffff" style="padding:20px;">
+        <tr>
+          <td align="center">NUH-Odds Alarm Monitoring
+          </td>
+        </tr>
+        <tr>
+          <td style="font-size:16px;color:#333;">
+            {{ $message }}
+          </td>
+        </tr>
+      </table>
+      <table width="600" cellpadding="0" cellspacing="0" bgcolor="#ffffff" style="padding:20px;">
+        <tr>
+          <td style="padding:10px;">
+            {{ $tablecontent[0]['key'] }}
+          </td>
+          <td style="padding:10px;">
+            {{ $tablecontent[0]['value'] }}
+          </td>
+        </tr>
+        <tr>
+          <td style="padding:10px;">
+            {{ $tablecontent[1]['key'] }}
+          </td>
+          <td style="padding:10px;">
+            {{ $tablecontent[1]['value'] }}
+          </td>
+        </tr>
+        <tr>
+          <td style="padding:10px;">
+            {{ $tablecontent[2]['key'] }}
+          </td>
+          <td style="padding:10px;">
+            {{ $tablecontent[2]['value'] }}
+          </td>
+        </tr>
+        <tr>
+          <td style="padding:10px;">
+            {{ $tablecontent[3]['key'] }}
+          </td>
+          <td style="padding:10px;">
+            {{ $tablecontent[3]['value'] }}
+          </td>
+        </tr>
+        <tr>
+          <td style="padding:10px;">
+            {{ $tablecontent[4]['key'] }}
+          </td>
+          <td style="padding:10px;">
+            {{ $tablecontent[4]['value'] }}
+          </td>
+        </tr>
+        <tr>
+          <td style="padding:10px;">
+            {{ $tablecontent[5]['key'] }}
+          </td>
+          <td style="padding:10px;">
+            {{ $tablecontent[5]['value'] }}
+          </td>
+        </tr>
+        <tr>
+          <td style="padding:10px;">
+            {{ $tablecontent[6]['key'] }}
+          </td>
+          <td style="padding:10px;">
+            {{ $tablecontent[6]['value'] }}
+          </td>
+        </tr>
+      </table>
+    </td>
+  </tr>
+</table>
 
-<x-mail::table>
-    
-{{ $tablecontent[0]['key'] }}
-{{ $tablecontent[0]['value'] }}
-
-{{ $tablecontent[1]['key'] }}
-{{ $tablecontent[1]['value'] }}
-
-{{ $tablecontent[2]['key'] }}
-{{ $tablecontent[2]['value'] }}
-
-{{ $tablecontent[3]['key'] }}
-{{ $tablecontent[3]['value'] }}
-
-{{ $tablecontent[4]['key'] }}
-{{ $tablecontent[4]['value'] }}
-
-{{ $tablecontent[5]['key'] }}
-{{ $tablecontent[5]['value'] }}
-
-{{ $tablecontent[6]['key'] }}
-{{ $tablecontent[6]['value'] }}
-
-</x-mail::table>
-
-Thanks,<br>
-Alarm Monitoring Team
-</x-mail::message>
\ No newline at end of file
+</body>
+</html>
\ No newline at end of file