diff --git a/mfa/templates/TrustedDevices/start.html b/mfa/templates/TrustedDevices/start.html
index 54eab2d..954f0a7 100644
--- a/mfa/templates/TrustedDevices/start.html
+++ b/mfa/templates/TrustedDevices/start.html
@@ -78,21 +78,22 @@
     </script>
 {% endblock %}
 {% block content %}
-      <br/>
-    <br/>
-    <div class="container">
-        <div class="col-md-6 col-md-offset-3" id="two-factor-steps">
-            <div class="row" align="center">
-                <h4>Add Trusted Device</h4>
-            </div>
-
-    <div class="row" >
-        {%  if not_allowed %}
-            <div class="alert alert-danger">You can't add any more devices, you need to remove previously trusted devices first.</div>
-        {% else %}
-    <p style="color: green">Allow access from mobile phone and tables.</p><br/>
-            <br/>
-            </div>
+     <div class="col-lg-8 col-md-8 col-12 mx-auto">
+    <div class="page-header min-height-300 border-radius-xl mt-4" style="background-repeat: no-repeat; background-position: cover; background-size:contain; background-image: url('{% static 'img/keys.jpg'%}');">
+      <span class="mask  bg-gradient-primary  opacity-6"></span>
+    </div>
+    <div class="card mx-3 mx-md-4 mt-n6 h-100 z-index-0 fadeIn3 fadeInBottom "  >
+        <div class="card-header pb-0 p-3">
+            <h6 class="mb-0">
+                Add Trusted Device
+            </h6>
+          </div>
+        <div class="card-body">
+            {%  if not_allowed %}
+                <div class="alert alert-danger">You can't add any more devices, you need to remove previously trusted devices first.</div>
+            {% else %}
+                    <p style="color: green">Allow access from mobile phone and tables.</p><br/>
+                    <br/>
             <div class="row">
                 <h5>Steps:</h5>
             </div>
@@ -101,41 +102,32 @@
                 <div class="col-md-6">
                     <h5>Using Camera</h5>
                     <ol>
-            <li>Using your mobile/table, open Chrome/Firefox.</li>
-            <li>Scan the following barcode <br/>
-                <img id="qr"/> <br/>
-            </li>
-            <li>Confirm the consent and submit form.</li>
-        </ol>
+                        <li>Using your mobile/table, open Chrome/Firefox.</li>
+                        <li>Scan the following barcode <br/>
+                            <img id="qr"/> <br/>
+                        </li>
+                        <li>Confirm the consent and submit form.</li>
+                    </ol>
                 </div>
-
-
-            <div class="col-md-6">
-            <h5>Manual</h5>
-            <ol>
-            <li>Using your mobile/table, open Chrome/Firefox.</li>
-                <li>Go to <b>{{ url }}</b>&nbsp;&nbsp;</li>
-            <li>Enter your username & following 6 digits<br/>
-                <span style="font-size: 16px;font-weight: bold; margin-left: 50px">{{ key|slice:":3" }} - {{ key|slice:"3:" }}</span>
-            </li>
-                <li>Confirm the consent and submit form.</li>
+                <div class="col-md-6">
+                    <h5>Manual</h5>
+                    <ol>
+                        <li>Using your mobile/table, open Chrome/Firefox.</li>
+                        <li>Go to <b>{{ url }}</b>&nbsp;&nbsp;</li>
+                        <li>Enter your username & following 6 digits<br/>
+                            <span style="font-size: 16px;font-weight: bold; margin-left: 50px">{{ key|slice:":3" }} - {{ key|slice:"3:" }}</span>
+                        </li>
+                        <li>Confirm the consent and submit form.</li>
                 </div>
             </div>
             <div class="row">
-            <div class="col-md-8 offset-2">
-           This window will ask to confirm the device.
-            </div>
+                This window will ask to confirm the device.
             </div>
 
 
-    {% endif %}
-    </div>
+    {% endif %}            
         </div>
-
-    <br/>
-        <br/>
-        <br/>
-        <br/>
+</div>
     {% include "modal.html" %}
     {% include 'mfa_check.html' %}
 {% endblock %}
\ No newline at end of file