diff --git a/src/application/views/user/forgot_password.php b/src/application/views/user/forgot_password.php
index 52b27c91..235b9358 100644
--- a/src/application/views/user/forgot_password.php
+++ b/src/application/views/user/forgot_password.php
@@ -1,9 +1,12 @@
 <!DOCTYPE html>
 <html>
 <head>
+    <meta charset="utf-8" /> 
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="theme-color" content="#35A768">
     <title><?php echo $this->lang->line('forgot_your_password') . ' - ' . $company_name; ?></title>
-    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
-    
+        
     <?php // INCLUDE JS FILES ?>
     <script 
         type="text/javascript" 
@@ -33,12 +36,16 @@
     
     <style>
         body {
+            width: 100vw;
+            height: 100vh;
+            display: table-cell;
+            vertical-align: middle;
             background-color: #CAEDF3;
         }
         
         #forgot-password-frame {
             width: 630px;
-            margin: 150px auto 0 auto;
+            margin: auto;
             background: #FFF;
             border: 1px solid #DDDADA;
             padding: 70px;
@@ -47,6 +54,14 @@
         .user-login {
             margin-left: 20px;
         }
+
+        @media(max-width: 640px) {
+            #forgot-password-frame {
+                width: 100%;
+                
+                padding: 15px;
+            }
+        }
     </style>
     
     <script type="text/javascript">
