diff --git a/mfa/templates/TOTP/Add.html b/mfa/templates/TOTP/Add.html
index 7520cd0..61eab70 100644
--- a/mfa/templates/TOTP/Add.html
+++ b/mfa/templates/TOTP/Add.html
@@ -114,16 +114,18 @@
                         <div class="row">
                         
                             <p><b>Enter the six-digit code from the application</b></p>
-                            <p style="color: #333333;font-size: 10px">After scanning the barcode image, the app will display a six-digit code that you can enter below. </p>
+                            <p >After scanning the barcode image, the app will display a six-digit code that you can enter below. </p>
                         
                         </div>
                         <div class="row">
                             <div class="offset-md-4 col-md-4">
+                                <div class="input-group input-group-static">
                             <input style="display: inline;width: 95%" maxlength="6" size="6" class="form-control" id="answer" placeholder="e.g 785481"/>
+                                </div>
                             </div>
                         </div>
                         <div class="row" style="padding-top: 10px;">
-                            <div class="col-md-4 offset-md-4" style="padding-left: 0px">
+                            <div class="offset-md-4 col-md-4">
                                 <button class="btn btn-success" onclick="verify()">Enable</button>
                                 <a href="{% url 'mfa_home' %}" class="btn btn-default btn-secondary" role="button">Cancel</a>
                             </div>