diff --git a/grab.html b/grab.html
index 6f975f9..338221a 100644
--- a/grab.html
+++ b/grab.html
@@ -44,18 +44,14 @@
         <div class="bold-small">
           In order to edit the configuration of this address in the future you must save this secret pin:
         </div>
-        <div class="pin">
+        <div class="code">
           {{ pin }}
         </div>
         <button class="copy-button">Copy Secret PIN</button>
-        <div class="divider"></div>
-        <div class="description">
+        <div class="bold-small">
           To ensure the connection with your Lightning backend is configured properly, we've created a test invoice that can be seen below.
         </div>
-        <div class="bold-small">
-          If you do not see an invoice QR code below, something in your setup was incorrect.
-        </div>
-        <div class="qr">
+        <div class="code">
           {{ invoice }}
         </div>
       </div>
diff --git a/index.html b/index.html
index 554c660..b25e0f6 100644
--- a/index.html
+++ b/index.html
@@ -57,7 +57,7 @@
             </div>
             <div class="domain-wrapper">
               <input class="input" name="name" id="name">
-              <span class="suffix">@ln.fitti.co{{ domain }}</span>
+              <span class="suffix">@{{ domain }}</span>
             </div>
           </div>
           <div class="field">
diff --git a/static/style.css b/static/style.css
index 436bd70..25f6c19 100644
--- a/static/style.css
+++ b/static/style.css
@@ -39,7 +39,6 @@ body {
   font-weight: 600;
   max-width: 320px;
   text-align: center;
-  margin-top: -20px;
   margin-bottom: 20px;
   letter-spacing: 0.5px;
 }
@@ -205,13 +204,14 @@ select {
   font-weight: 600;
 }
 
-.pin {
+.code {
   width: 320px;
   background: #f3f3f3;
   padding: 12px 16px;
   border-radius: 8px;
   border: 1px solid #999999;
-  overflow-x: scroll;
+  white-space: pre-wrap;
+  word-break: break-all;
 }
 
 .domain-wrapper {