diff --git a/src/main/resources/application.properties b/src/main/resources/application.properties
index b13ab76..86cae33 100644
--- a/src/main/resources/application.properties
+++ b/src/main/resources/application.properties
@@ -1,4 +1,7 @@
 quarkus.http.cors=true
 quarkus.http.cors.origins=/.*/
 quarkus.package.type=uber-jar
-smallrye.jwt.sign.key.location=key.jwk
\ No newline at end of file
+smallrye.jwt.sign.key.location=key.jwk
+quarkus.webauthn.relying-party.id=oauth-playground.online
+%dev.quarkus.webauthn.relying-party.id=localhost
+quarkus.webauthn.relying-party.name=OAuth Playground by YSoft
\ No newline at end of file
diff --git a/src/main/resources/templates/OAuthResource/loginPasswordless.html b/src/main/resources/templates/OAuthResource/loginPasswordless.html
index feb657d..5e70dc9 100644
--- a/src/main/resources/templates/OAuthResource/loginPasswordless.html
+++ b/src/main/resources/templates/OAuthResource/loginPasswordless.html
@@ -4,10 +4,13 @@
     <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
     <script charset="UTF-8" src="/js/webauthn-debug.js" type="text/javascript"></script>
     <style>
-
-
         .code {
-            white-space: pre;
+            white-space: pre-wrap;
+            word-break: break-all;
+            background-color: #f4f4f4;
+            padding: 10px;
+            margin: 10px 0;
+            font-family: monospace;
         }
 
         .step {
@@ -44,9 +47,7 @@
                 <div class="card-content">
                     <h6>Request a challenge</h6>
                     <p>The interaction starts with an AJAX call.</p>
-                    <div class="code">POST <span id="server1-url"></span>
-                        <div id="server1-call"></div>
-                    </div>
+                    <div class="code">POST <span id="server1-url"></span><br><div id="server1-call"></div></div>
                     <button class="nextBtn waves-effect waves-light btn full-width">Request challenge</button>
                 </div>
             </div>
@@ -75,7 +76,7 @@
             <div class="card-stacked">
                 <div class="card-content">
                     <h6>WebAuthn API</h6>
-                    <p>The challenge is passed to the browser call:</p>
+                    <p>The challenge is passed to the Javascript call:</p>
                     <div class="code" id="navigator-call"></div>
                     <button class="nextBtn waves-effect waves-light btn full-width">Call Webauthn API</button>
                 </div>
@@ -217,6 +218,7 @@
 
     function traceCredentialsCreateResponse(response) {
         $("#navigator-response").showInViewport();
+        $("#navigator-response h6").text("Attestation");
         $("#navigator-response-body").html(JSON.stringify(response, null, 2));
         $("#navigator-clientDataJSON").html(JSON.stringify(JSON.parse(tryDecodeBase64(response.response.clientDataJSON)), null, 2));
         return continueButton("#navigator-response", response);
@@ -230,6 +232,7 @@
 
     function traceCredentialsGetResponse(response) {
         $("#navigator-response").showInViewport();
+        $("#navigator-response h6").text("Assertion");
         $("#navigator-response-body").html(JSON.stringify(response, null, 2));
         $("#navigator-clientDataJSON").html(JSON.stringify(JSON.parse(tryDecodeBase64(response.response.clientDataJSON)), null, 2));
         return continueButton("#navigator-response", response);