diff --git a/src/open_inwoner/static/mailcss/email.css b/src/open_inwoner/static/mailcss/email.css
index d5f803199d..2da1068673 100644
--- a/src/open_inwoner/static/mailcss/email.css
+++ b/src/open_inwoner/static/mailcss/email.css
@@ -1,4 +1,4 @@
-@import '../../scss/views/App.scss';
+/* test: @import '../../scss/views/App.scss';*/
 /* Prettier ignores the static folder, so format manually */
 
 /* cyrillic-ext */
@@ -210,6 +210,8 @@ a {
     font-size: 14px;
 }
 
+/* CSS variables may all need to be put in HTML */
+
 .color--primary {
     color: var(--color-primary);
 }
@@ -218,6 +220,11 @@ a {
     color: var(--color-secondary);
 }
 
+.color--accent {
+    color: var(--color-accent);
+}
+
+
 .button--primary {
     background-color: #0065BD;
     border: 1px solid #0065BD;
@@ -236,7 +243,3 @@ a {
 .td-mail__bg-accent {
     background-color: var(--color-accent);
 }
-
-.color--accent {
-    color: var(--color-accent);
-}
diff --git a/src/open_inwoner/templates/mail/_base.html b/src/open_inwoner/templates/mail/_base.html
index 2025d489eb..d97eba1143 100644
--- a/src/open_inwoner/templates/mail/_base.html
+++ b/src/open_inwoner/templates/mail/_base.html
@@ -1,50 +1,45 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http: //www.w3.org/1999/xhtml">
 <head>
-    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-    <meta name="viewport" content="width=device-width"/>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width" />
 
     <!-- Fallback styling only, use inline -->
     <style>
-        #outlook a {
-            padding: 0;
-        }
-
-        body {
-            width: 100% !important;
-        }
-
-        body {
-            -webkit-text-size-adjust: none;
-        }
-
-        body {
-            margin: 0;
-            padding: 0;
-        }
-
-        img {
-            border: none;
-            font-size: 14px;
-            font-weight: bold;
-            height: auto;
-            line-height: 100%;
-            outline: none;
-            text-decoration: none;
-            text-transform: capitalize;
-        }
-
+        #outlook a{
+			padding:0;
+		}
+        body{
+			width:100% !important;
+		}
+		body{
+			-webkit-text-size-adjust:none;
+		}
+		body{
+			margin:0;
+			padding:0;
+		}
+		img{
+			border:none;
+			font-size:14px;
+			font-weight:bold;
+			height:auto;
+			line-height:100%;
+			outline:none;
+			text-decoration:none;
+			text-transform:capitalize;
+		}
         a {
-            color: var(--color-secondary);
+            color: #059EC2;
         }
 
-        @media (max-width: 580px) {
+        @media (max-width: 600px) {
             h1, h2, h3, h4, h5, h6,
             a, p,
             img {
-                width: 100% !important;
-                height: auto !important;
-                margin-left: 0 !important;
+                width: 100%!important;
+                height: auto!important;
+                margin-left: 0!important;
             }
         }
     </style>
