diff --git a/wwwassets/access_policy.html b/wwwassets/access_policy.html
index ad725ca..7b953a5 100644
--- a/wwwassets/access_policy.html
+++ b/wwwassets/access_policy.html
@@ -29,11 +29,15 @@
             opacity: 0.8;
         }
 
-        .img-container {
+        .logo-grid {
+            display: grid;
+            grid-template-columns: 20% 60% 20%;
+        }
+
+        .logo-grid > div > img {
             width: 100%;
-            margin-top: 5%;
-            text-align: center;
-            display: block;
+            height: 100%;
+            object-fit: contain;
         }
 
         .info-card {
@@ -63,11 +67,6 @@
             margin: auto;
         }
 
-        img.avatar {
-            width: 40%;
-            border-radius: 50%;
-        }
-
         .container {
             padding: 16px;
         }
@@ -95,8 +94,10 @@
 </head>
 <body>
 
-<div class="img-container">
-    <img src="/wwwassets/the_logo.png" alt="OpenWifi">
+<div class="logo-grid">
+    <div></div>
+    <div><img src="/wwwassets/the_logo.png" alt="OpenWifi"></div>
+    <div></div>
 </div>
 
 <div class="info-card">
diff --git a/wwwassets/email_verification_error.html b/wwwassets/email_verification_error.html
index f5a1481..1b5b56a 100644
--- a/wwwassets/email_verification_error.html
+++ b/wwwassets/email_verification_error.html
@@ -3,8 +3,110 @@
 <head>
     <meta charset="UTF-8">
     <title>email Verification Error</title>
+
+    <style>
+        body {font-family: Arial, Helvetica, sans-serif;}
+        form {border: 3px solid #f1f1f1;}
+
+        input[type=text], input[type=password] {
+            width: 100%;
+            padding: 12px 20px;
+            margin: 8px 0;
+            display: inline-block;
+            border: 1px solid #ccc;
+            box-sizing: border-box;
+        }
+
+        button {
+            background-color: #04AA6D;
+            color: white;
+            padding: 14px 20px;
+            margin: 8px 0;
+            border: none;
+            cursor: pointer;
+            width: 100%;
+        }
+
+        button:hover {
+            opacity: 0.8;
+        }
+
+        .logo-grid {
+            display: grid;
+            grid-template-columns: 20% 60% 20%;
+        }
+
+        .logo-grid > div > img {
+            width: 100%;
+            height: 100%;
+            object-fit: contain;
+        }
+
+        .info-card {
+            padding: 30px;
+            box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
+            display: block;
+            width: 50%;
+            border: 1em;
+            background-color: white;
+            width: 40%;
+            height: auto;
+            margin-left: auto;
+            margin-right: auto;
+            margin-bottom: auto;
+            margin-top: 50px;
+            position: relative;
+        }
+
+        .info-list {
+            width: 80%;
+            margin: auto;
+        }
+
+        .info-title {
+            padding-bottom: 20px;
+            width: 80%;
+            margin: auto;
+        }
+
+        img.avatar {
+            width: 40%;
+            border-radius: 50%;
+        }
+
+        .container {
+            padding: 16px;
+        }
+
+        span.password1 {
+            float: right;
+            padding-top: 16px;
+        }
+
+        body {
+            background-color: #ebedef;
+        }
+
+        /* Change styles for span and cancel button on extra small screens */
+        @media screen and (max-width: 300px) {
+            span.password1 {
+                display: block;
+                float: none;
+            }
+            .cancelbtn {
+                width: 100%;
+            }
+        }
+    </style>
 </head>
 <body>
+
+<div class="logo-grid">
+    <div></div>
+    <div><img src="/wwwassets/the_logo.png" alt="OpenWifi"></div>
+    <div></div>
+</div>
+
 <h1>Password reset failed...</h1>
 <div>
   <h3>ID</h3>
diff --git a/wwwassets/email_verification_success.html b/wwwassets/email_verification_success.html
index ca12b73..2ebc078 100644
--- a/wwwassets/email_verification_success.html
+++ b/wwwassets/email_verification_success.html
@@ -3,8 +3,110 @@
 <head>
   <meta charset="UTF-8">
   <title>email was successfully validated</title>
+  <style>
+    body {font-family: Arial, Helvetica, sans-serif;}
+    form {border: 3px solid #f1f1f1;}
+
+    input[type=text], input[type=password] {
+      width: 100%;
+      padding: 12px 20px;
+      margin: 8px 0;
+      display: inline-block;
+      border: 1px solid #ccc;
+      box-sizing: border-box;
+    }
+
+    button {
+      background-color: #04AA6D;
+      color: white;
+      padding: 14px 20px;
+      margin: 8px 0;
+      border: none;
+      cursor: pointer;
+      width: 100%;
+    }
+
+    button:hover {
+      opacity: 0.8;
+    }
+
+    .logo-grid {
+      display: grid;
+      grid-template-columns: 20% 60% 20%;
+    }
+
+    .logo-grid > div > img {
+      width: 100%;
+      height: 100%;
+      object-fit: contain;
+    }
+
+    .info-card {
+      padding: 30px;
+      box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
+      display: block;
+      width: 50%;
+      border: 1em;
+      background-color: white;
+      width: 40%;
+      height: auto;
+      margin-left: auto;
+      margin-right: auto;
+      margin-bottom: auto;
+      margin-top: 50px;
+      position: relative;
+    }
+
+    .info-list {
+      width: 80%;
+      margin: auto;
+    }
+
+    .info-title {
+      padding-bottom: 20px;
+      width: 80%;
+      margin: auto;
+    }
+
+    img.avatar {
+      width: 40%;
+      border-radius: 50%;
+    }
+
+    .container {
+      padding: 16px;
+    }
+
+    span.password1 {
+      float: right;
+      padding-top: 16px;
+    }
+
+    body {
+      background-color: #ebedef;
+    }
+
+    /* Change styles for span and cancel button on extra small screens */
+    @media screen and (max-width: 300px) {
+      span.password1 {
+        display: block;
+        float: none;
+      }
+      .cancelbtn {
+        width: 100%;
+      }
+    }
+  </style>
+
 </head>
 <body>
+
+<div class="logo-grid">
+  <div></div>
+  <div><img src="/wwwassets/the_logo.png" alt="OpenWifi"></div>
+  <div></div>
+</div>
+
 <h1>email was successfully validated</h1>
 <div>
   <h3>ID</h3>
diff --git a/wwwassets/password_policy.html b/wwwassets/password_policy.html
index 465a934..a17a3a5 100644
--- a/wwwassets/password_policy.html
+++ b/wwwassets/password_policy.html
@@ -29,11 +29,15 @@
             opacity: 0.8;
         }
 
-        .imgcontainer {
+        .logo-grid {
+            display: grid;
+            grid-template-columns: 20% 60% 20%;
+        }
+
+        .logo-grid > div > img {
             width: 100%;
-            margin-top: 5%;
-            text-align: center;
-            display: block;
+            height: 100%;
+            object-fit: contain;
         }
 
         img.avatar {
@@ -95,8 +99,10 @@
 </head>
 <body class="body">
 
-<div class="imgcontainer">
-    <img src="/wwwassets/the_logo.png" alt="OpenWifi">
+<div class="logo-grid">
+    <div></div>
+    <div><img src="/wwwassets/the_logo.png" alt="OpenWifi"></div>
+    <div></div>
 </div>
 
 
diff --git a/wwwassets/password_reset.html b/wwwassets/password_reset.html
index 4baf9dd..882881c 100644
--- a/wwwassets/password_reset.html
+++ b/wwwassets/password_reset.html
@@ -37,11 +37,15 @@
             opacity: 0.8;
         }
 
-        .imgcontainer {
+        .logo-grid {
+            display: grid;
+            grid-template-columns: 20% 60% 20%;
+        }
+
+        .logo-grid > div > img {
             width: 100%;
-            margin-top: 5%;
-            text-align: center;
-            display: block;
+            height: 100%;
+            object-fit: contain;
         }
 
         img.avatar {
@@ -116,8 +120,10 @@
 
 <body>
 
-<div class="imgcontainer">
-    <img src="/wwwassets/the_logo.png" alt="OpenWifi">
+<div class="logo-grid">
+    <div></div>
+    <div><img src="/wwwassets/the_logo.png" alt="OpenWifi"></div>
+    <div></div>
 </div>
 
 <form action="/api/v1/actionLink?action=password_reset" method="post" onsubmit="return validatePassword()">
diff --git a/wwwassets/password_reset_error.html b/wwwassets/password_reset_error.html
index 869c668..61823d4 100644
--- a/wwwassets/password_reset_error.html
+++ b/wwwassets/password_reset_error.html
@@ -29,11 +29,15 @@
             opacity: 0.8;
         }
 
-        .imgcontainer {
+        .logo-grid {
+            display: grid;
+            grid-template-columns: 20% 60% 20%;
+        }
+
+        .logo-grid > div > img {
             width: 100%;
-            margin-top: 5%;
-            text-align: center;
-            display: block;
+            height: 100%;
+            object-fit: contain;
         }
 
         img.avatar {
@@ -95,11 +99,12 @@
 </head>
 <body class="body">
 
-<div class="imgcontainer">
-    <img src="/wwwassets/the_logo.png" alt="OpenWifi">
+<div class="logo-grid">
+    <div></div>
+    <div><img src="/wwwassets/the_logo.png" alt="OpenWifi"></div>
+    <div></div>
 </div>
 
-
 <div class="info-card">
     <h1 class="info-title">Reset Password Failed</h1>
     <div>
diff --git a/wwwassets/password_reset_success.html b/wwwassets/password_reset_success.html
index 3c7933c..0d7d3a3 100644
--- a/wwwassets/password_reset_success.html
+++ b/wwwassets/password_reset_success.html
@@ -29,9 +29,15 @@
             opacity: 0.8;
         }
 
-        .imgcontainer {
-            text-align: center;
-            margin: 24px 0 12px 0;
+        .logo-grid {
+            display: grid;
+            grid-template-columns: 20% 60% 20%;
+        }
+
+        .logo-grid > div > img {
+            width: 100%;
+            height: 100%;
+            object-fit: contain;
         }
 
         img.avatar {
@@ -60,9 +66,12 @@
         }
     </style>
 </head>
+
 <body>
-    <div class="imgcontainer">
-      <img src="/wwwassets/the_logo.png" alt="Avatar" class="avatar">
+    <div class="logo-grid">
+        <div></div>
+        <div><img src="/wwwassets/the_logo.png" alt="OpenWifi"></div>
+        <div></div>
     </div>
 
     <h1>Password was successfully reset</h1>
diff --git a/wwwassets/signup_verification.html b/wwwassets/signup_verification.html
index 1d4211f..b9f55c0 100644
--- a/wwwassets/signup_verification.html
+++ b/wwwassets/signup_verification.html
@@ -37,11 +37,15 @@
             opacity: 0.8;
         }
 
-        .imgcontainer {
+        .logo-grid {
+            display: grid;
+            grid-template-columns: 20% 60% 20%;
+        }
+
+        .logo-grid > div > img {
             width: 100%;
-            margin-top: 5%;
-            text-align: center;
-            display: block;
+            height: 100%;
+            object-fit: contain;
         }
 
         img.avatar {
@@ -116,8 +120,10 @@
 
 <body>
 
-<div class="imgcontainer">
-    <img src="/wwwassets/the_logo.png" alt="OpenWifi">
+<div class="logo-grid">
+    <div></div>
+    <div><img src="/wwwassets/the_logo.png" alt="OpenWifi"></div>
+    <div></div>
 </div>
 
 <form action="/api/v1/actionLink?action=signup_completion" method="post" onsubmit="return validatePassword()">
diff --git a/wwwassets/signup_verification_error.html b/wwwassets/signup_verification_error.html
index bc8cbc1..89ceb64 100644
--- a/wwwassets/signup_verification_error.html
+++ b/wwwassets/signup_verification_error.html
@@ -29,11 +29,15 @@
             opacity: 0.8;
         }
 
-        .imgcontainer {
+        .logo-grid {
+            display: grid;
+            grid-template-columns: 20% 60% 20%;
+        }
+
+        .logo-grid > div > img {
             width: 100%;
-            margin-top: 5%;
-            text-align: center;
-            display: block;
+            height: 100%;
+            object-fit: contain;
         }
 
         img.avatar {
@@ -95,8 +99,10 @@
 </head>
 <body class="body">
 
-<div class="imgcontainer">
-    <img src="/wwwassets/the_logo.png" alt="OpenWifi">
+<div class="logo-grid">
+    <div></div>
+    <div><img src="/wwwassets/the_logo.png" alt="OpenWifi"></div>
+    <div></div>
 </div>
 
 
diff --git a/wwwassets/signup_verification_success.html b/wwwassets/signup_verification_success.html
index 3a6516e..a49ff75 100644
--- a/wwwassets/signup_verification_success.html
+++ b/wwwassets/signup_verification_success.html
@@ -29,9 +29,15 @@
             opacity: 0.8;
         }
 
-        .imgcontainer {
-            text-align: center;
-            margin: 24px 0 12px 0;
+        .logo-grid {
+            display: grid;
+            grid-template-columns: 20% 60% 20%;
+        }
+
+        .logo-grid > div > img {
+            width: 100%;
+            height: 100%;
+            object-fit: contain;
         }
 
         img.avatar {
@@ -61,8 +67,10 @@
     </style>
 </head>
 <body>
-<div class="imgcontainer">
-    <img src="/wwwassets/the_logo.png" alt="Avatar" class="avatar">
+<div class="logo-grid">
+    <div></div>
+    <div><img src="/wwwassets/the_logo.png" alt="OpenWifi"></div>
+    <div></div>
 </div>
 
 <h1>Signup was successfully done</h1>
