diff --git a/apps/authentication/templates/authentication/face_capture.html b/apps/authentication/templates/authentication/face_capture.html
index 1c63f3941..4d0f66096 100644
--- a/apps/authentication/templates/authentication/face_capture.html
+++ b/apps/authentication/templates/authentication/face_capture.html
@@ -2,29 +2,41 @@
 {% load i18n %}
 {% load static %}
 
-{% block title %}
-    <div style="text-align: center">
-        {% trans 'Face Recognition' %}
-    </div>
-{% endblock %}
 
 {% block content %}
-    <form class="m-t" role="form" method="post" action="">
+
+    <style>
+        .ibox-content {
+            padding: 0;
+        }
+
+        h2 {
+            display: none;
+        }
+
+        .ibox-context-margin {
+            margin: 0;
+        }
+
+    </style>
+
+    {% if 'code' in form.errors %}
+        <p class="red-fonts">{{ form.code.errors.as_text }}</p>
+    {% endif %}
+
+    <form class="m-t" role="form" method="post" action="" style="display: none">
         {% csrf_token %}
-        {% if 'code' in form.errors %}
-            <p class="red-fonts">{{ form.code.errors.as_text }}</p>
-        {% endif %}
         <button id="submit_button" type="submit" style="display: none"></button>
     </form>
 
     <div id="iframe_container"
-         style="display: none; justify-content: center; align-items: center; height: 800px; width: 100%; background-color: #0a6aa1">
+         style="display: none; justify-content: center; align-items: center; height: 520px; width: 100%;">
         <iframe
                 title="face capture"
                 id="face_capture_iframe"
                 allow="camera"
                 sandbox="allow-scripts allow-same-origin"
-                style="width: 100%; height: 100%;border: none;">
+                style="width: 100%; height:100%;border: none;">
         </iframe>
     </div>
 
diff --git a/apps/templates/_base_only_content.html b/apps/templates/_base_only_content.html
index af02b18e7..9b441299e 100644
--- a/apps/templates/_base_only_content.html
+++ b/apps/templates/_base_only_content.html
@@ -22,6 +22,9 @@
         .ibox-content {
             padding: 30px;
         }
+        .ibox-context-margin {
+            margin: 20px 0 0 0;
+        }
     </style>
     {% block custom_head_css_js %} {% endblock %}
 </head>
@@ -34,7 +37,7 @@
                     <h2 class="font-bold">
                         {% block title %}{% endblock %}
                     </h2>
-                    <div style="margin: 20px 0 0 0">
+                    <div class="ibox-context-margin">
                         {% block content %} {% endblock %}
                     </div>
                 </div>