diff --git a/README.md b/README.md
index 2953966..967ceae 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,5 @@
 # django-mfa2
-A Django app that handles MFA, it supports TOTP, U2F, FIDO2 U2F (Web Authn), Email Tokens , and Trusted Devices
+A Django app that handles MFA, it supports TOTP, U2F, FIDO2 U2F (Web Authn), Email Tokens , Trusted  Devices and backup codes.
 
 ### Pip Stats
 [![PyPI version](https://badge.fury.io/py/django-mfa2.svg)](https://badge.fury.io/py/django-mfa2)
@@ -91,6 +91,7 @@ Depends on
    * TOTP
    * Trusted_Devices
    * Email
+   * RECOVERY
    
    **Notes**:
     * Starting version 1.1, ~~FIDO_LOGIN_URL~~ isn't required for FIDO2 anymore.
@@ -136,7 +137,7 @@ Depends on
 ```<li><a href="{% url 'mfa_home' %}">Security</a> </li>```
 
 
-For Example, See 'example' app
+For Example, See 'example' app and look at EXAMPLE.md to see how to set it up.
 
 # Going Passwordless
 
diff --git a/mfa/templates/RECOVERY/Add.html b/mfa/templates/RECOVERY/Add.html
index 09782a9..4f419ad 100644
--- a/mfa/templates/RECOVERY/Add.html
+++ b/mfa/templates/RECOVERY/Add.html
@@ -8,12 +8,20 @@
 	border-radius: 3px;
 	padding: 15px;
     }
+    .tokenrow{
+        margin-top: 10px;
+        margin-left: 5px;
+    }
     .row{
-        margin: 0px;
+        margin: 3px;
     }
     .crossed{
         text-decoration: line-through;
     }
+
+    .return{
+        margin: 1px;
+    }
     </style>
 <script src="{% static 'mfa/js/qrious.min.js' %}" type="text/javascript"></script>
 <script type="text/javascript">
@@ -28,11 +36,11 @@
                 for (let i = 0; i < data.keys.length; i++) {
                     if (data.enable[i] == 0)
                     {
-                        htmlkey +="<pre class='crossed'>" +data.keys[i] + "</pre>" + "<br>"
+                        htmlkey +="<pre class='crossed'>" +data.keys[i] + "</pre>"
                     }
                     else 
                     {
-                        htmlkey +="<pre>" +data.keys[i] + "</pre>" + "<br>"
+                        htmlkey +="<pre>" +data.keys[i] + "</pre>"
                     }
                 };
                 document.getElementById('tokens').innerHTML = htmlkey
@@ -41,7 +49,7 @@
     };
     function confirmRegenerateTokens() {
         $("#modal-title").html("Are you sure you want to regenerate your recovery tokens?")
-        $("#modal-body").html("<button onclick='regenerateTokens()' class='btn btn-success'>Regenerate</button")
+        $("#modal-body").html("<button onclick='regenerateTokens()' class='btn btn-success'>Regenerate</button>")
         $("#popUpModal").modal('show')
     }
     function regenerateTokens() {
@@ -61,27 +69,30 @@
 <br/>
 <div class="container d-flex justify-content-center">
     <div class="col-md-6 col-md-offset-3" id="two-factor-steps">
-        <div class="row" align="center">
+        
+        <div class="row">
+            
             <h4>Token List</h4>
-        </div>
-    
-        <div id="tokens">
         
         </div>
-
-        <div class="row" align="center">
-            <button onclick="confirmRegenerateTokens()" class="btn btn-default btn-secondary" role="button">Regenarate tokens</button>
+            
+        <div class="tokenrow" id="tokens">
+        
         </div>
-
+        
         <div class="row">
 
-            <div align="center" class="alert alert-success" style="display: none" id="return">
+            <div class="col-md-6" style="padding-left: 0px">
 
-                <a href="{{redirect_html}}"> {{reg_success_msg}}</a>
+                <button onclick="confirmRegenerateTokens()" class="btn btn-success">Regenarate tokens</button>
+                
+            </div>
+            <div class="col-md-6"  align="right" style="padding-right: 30px">
+
+                <a href="{{redirect_html}}" class="btn btn-default btn-secondary" role="button"> {{reg_success_msg}}</a>
 
             </div>
         </div>
-
     </div>
 </div>
 {% include "modal.html" %}