diff --git a/packages/authentication/src/public/auth-fail.html b/packages/authentication/src/public/auth-fail.html
index e4632a4557..d9c245c388 100644
--- a/packages/authentication/src/public/auth-fail.html
+++ b/packages/authentication/src/public/auth-fail.html
@@ -2,64 +2,65 @@
 <html>
 <head lang="en">
   <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>Feathers Authentication Failure</title>
   <style>
-      * {
-        margin: 0;
-        padding: 0;
-        box-sixing: border-box;
-      }
+    * {
+      margin: 0;
+      padding: 0;
+      box-sizing: border-box;
+    }
 
-      html, body {
-        font-family: 'Helvetica Neue', 'Helevetica', 'Arial', 'sans-serif';
-        font-weight: 400;
-        font-size: 16px;
-      }
+    html, body {
+      font-family: 'Helvetica Neue', 'Helevetica', 'Arial', 'sans-serif';
+      font-weight: 400;
+      font-size: 16px;
+    }
 
-      main {
-        padding: 100px 20px;
-      }
+    main {
+      padding: 100px 20px;
+    }
 
-      img.logo {
-        position: absolute;
-        top: 20px;
-        left: 20px;
-        display: block;
-        width: 180px;
-      }
+    img.logo {
+      position: absolute;
+      top: 20px;
+      left: 20px;
+      display: block;
+      width: 180px;
+    }
 
-      h1 {
-        font-weight: 100;
-        font-size: 4em;
-        margin-bottom: 10px;
-      }
+    h1 {
+      font-weight: 100;
+      font-size: 4em;
+      margin-bottom: 10px;
+    }
 
-      h3 {
-        font-size: 1.4em;
-        font-weight: 300;
-        margin-bottom: 10px;
-      }
+    h3 {
+      font-size: 1.4em;
+      font-weight: 300;
+      margin-bottom: 10px;
+    }
 
-      pre {
-        min-height: 100px;
-        border: 1px solid #EEE;
-        border-radius: 5px;
-        color: #555;
-        background: #f5f5f5;
-        padding: 10px;
-        overflow: hidden;
-        overflow-wrap: break-word;
-        word-wrap: break-word;
-      }
+    pre {
+      min-height: 100px;
+      border: 1px solid #EEE;
+      border-radius: 5px;
+      color: #555;
+      background: #f5f5f5;
+      padding: 10px;
+      overflow: hidden;
+      overflow-wrap: break-word;
+      word-wrap: break-word;
+    }
 
-      .center-text {
-        text-align: center;
-      }
+    .center-text {
+      text-align: center;
+    }
 
-      .italic {
-        font-style: italic;
-      }
-    </style>
+    .italic {
+      font-style: italic;
+    }
   </style>
 </head>
 <body>
diff --git a/packages/authentication/src/public/auth-success.html b/packages/authentication/src/public/auth-success.html
index c1cc030d4c..1c5b6b2d9c 100644
--- a/packages/authentication/src/public/auth-success.html
+++ b/packages/authentication/src/public/auth-success.html
@@ -2,64 +2,65 @@
 <html>
 <head lang="en">
   <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>Feathers Authentication Success</title>
   <style>
-      * {
-        margin: 0;
-        padding: 0;
-        box-sixing: border-box;
-      }
+    * {
+      margin: 0;
+      padding: 0;
+      box-sizing: border-box;
+    }
 
-      html, body {
-        font-family: 'Helvetica Neue', 'Helevetica', 'Arial', 'sans-serif';
-        font-weight: 400;
-        font-size: 16px;
-      }
+    html, body {
+      font-family: 'Helvetica Neue', 'Helevetica', 'Arial', 'sans-serif';
+      font-weight: 400;
+      font-size: 16px;
+    }
 
-      main {
-        padding: 100px 20px;
-      }
+    main {
+      padding: 100px 20px;
+    }
 
-      img.logo {
-        position: absolute;
-        top: 20px;
-        left: 20px;
-        display: block;
-        width: 180px;
-      }
+    img.logo {
+      position: absolute;
+      top: 20px;
+      left: 20px;
+      display: block;
+      width: 180px;
+    }
 
-      h1 {
-        font-weight: 100;
-        font-size: 4em;
-        margin-bottom: 10px;
-      }
+    h1 {
+      font-weight: 100;
+      font-size: 4em;
+      margin-bottom: 10px;
+    }
 
-      h3 {
-        font-size: 1.4em;
-        font-weight: 300;
-        margin-bottom: 10px;
-      }
+    h3 {
+      font-size: 1.4em;
+      font-weight: 300;
+      margin-bottom: 10px;
+    }
 
-      pre {
-        min-height: 100px;
-        border: 1px solid #EEE;
-        border-radius: 5px;
-        color: #555;
-        background: #f5f5f5;
-        padding: 10px;
-        overflow: hidden;
-        overflow-wrap: break-word;
-        word-wrap: break-word;
-      }
+    pre {
+      min-height: 100px;
+      border: 1px solid #EEE;
+      border-radius: 5px;
+      color: #555;
+      background: #f5f5f5;
+      padding: 10px;
+      overflow: hidden;
+      overflow-wrap: break-word;
+      word-wrap: break-word;
+    }
 
-      .center-text {
-        text-align: center;
-      }
+    .center-text {
+      text-align: center;
+    }
 
-      .italic {
-        font-style: italic;
-      }
-    </style>
+    .italic {
+      font-style: italic;
+    }
   </style>
 </head>
 <body>
