diff --git a/mfa/templates/MFA.html b/mfa/templates/MFA.html
index 838f183..fa06f45 100644
--- a/mfa/templates/MFA.html
+++ b/mfa/templates/MFA.html
@@ -42,7 +42,7 @@
 {% block content %}
 
 
-    <div class="col-lg-8 col-md-8 col-12 mx-auto">
+    <div class="col-lg-10 col-md-10 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>
@@ -73,39 +73,37 @@
                             </div>
                         </div>
                     </div>
-                    <div>
-                       <table class="table table-striped">
-                           <tr>
-                
-                               <th>Type</th>
-                               <th>Date Added</th>
-                               <th>Expires On</th>
-                               <th>Device</th>
-                               <th>Last Used</th>
-                               <th>Status</th>
-                               <th>Delete</th>
-                           </tr>
-                        {% if keys %}
-                            {% for key in keys %}
+                    <div class="table-responsive">
+                       <table class="table table-responsive table-striped">
                             <tr>
-                
-                                <td>{{ key.name }}</td>
-                                <td>{{ key.added_on }}</td>
-                                <td>{% if key.expires %}{{ key.expires }}{% else %}N/A{% endif %}</td>
-                                <td>{% if key.device %}{{ key.device }}{% endif %}</td>
-                                <td>{% if key.last_used %}{{ key.last_used }}{% else %}Never{% endif %}</td>
-                                    {% if key.key_type in HIDE_DISABLE %}
-                                        <td>{% if key.enabled %}On{% else %} Off{% endif %}</td>
-                                    {% else %}
-                                        <td><input type="checkbox" id="toggle_{{ key.id }}" {% if key.enabled %}checked{% endif %} data-onstyle="success" data-offstyle="danger"  onchange="toggleKey({{ key.id }})" data-toggle="toggle" class="status_chk"></td>
-                                    {% endif %}
-                                <td>{% if key.key_type in HIDE_DISABLE %}
-                                    ----
-                                    {% else %}
-                                        <a href="javascript:void(0)" onclick="deleteKey({{ key.id }},'{{ key.key_type }}')"> <span class="fa fa-trash fa-solid fa-trash-can bi bi-trash-fill"></span></a></td>
-                                        {% endif %}
+                                <th>Type</th>
+                                <th>Date Added</th>
+                                <th>Expires On</th>
+                                <th>Device</th>
+                                <th>Last Used</th>
+                                <th>Status</th>
+                                <th>Delete</th>
                             </tr>
-                            {% endfor %}
+                            {% if keys %}
+                                {% for key in keys %}
+                                    <tr>
+                                        <td>{{ key.name }}</td>
+                                        <td>{{ key.added_on }}</td>
+                                        <td>{% if key.expires %}{{ key.expires }}{% else %}N/A{% endif %}</td>
+                                        <td>{% if key.device %}{{ key.device }}{% endif %}</td>
+                                        <td>{% if key.last_used %}{{ key.last_used }}{% else %}Never{% endif %}</td>
+                                        {% if key.key_type in HIDE_DISABLE %}
+                                            <td>{% if key.enabled %}On{% else %} Off{% endif %}</td>
+                                        {% else %}
+                                            <td><input type="checkbox" id="toggle_{{ key.id }}" {% if key.enabled %}checked{% endif %} data-onstyle="success" data-offstyle="danger"  onchange="toggleKey({{ key.id }})" data-toggle="toggle" class="status_chk"></td>
+                                        {% endif %}
+                                        <td>{% if key.key_type in HIDE_DISABLE %}
+                                        ----
+                                        {% else %}
+                                            <a href="javascript:void(0)" onclick="deleteKey({{ key.id }},'{{ key.key_type }}')"> <span class="fa fa-trash fa-solid fa-trash-can bi bi-trash-fill"></span></a></td>
+                                        {% endif %}
+                                    </tr>
+                                {% endfor %}
                             {% if "RECOVERY" not in UNALLOWED_AUTHEN_METHODS %}
                             <tr>