diff --git a/sample/index.html b/sample/index.html
index d05a5e9..ce77013 100644
--- a/sample/index.html
+++ b/sample/index.html
@@ -7,7 +7,7 @@
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
   </head>
   <body>
-    <div class="container">
+    <div class="container mt-2 pb-4">
         <h1>Xumm Web2/Web3</h1>
         <h3>OAuth2 / PKCE samples</h3>
 
diff --git a/sample/jsmodule-payload.html b/sample/jsmodule-payload.html
index 380fefb..a74e31b 100644
--- a/sample/jsmodule-payload.html
+++ b/sample/jsmodule-payload.html
@@ -7,7 +7,7 @@
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
   </head>
   <body>
-    <div class="container">
+    <div class="container mt-2 pb-4">
       <h1>Xumm Web3 demo</h1>
       <h3>Simple <code class="fw-bold">jsmodule</code> with <b>sign request</b></h3>
       <h2 class="mt-3 h4 alert alert-primary text-center shadow mb-5" id="sub">... (please sign in)</h2>
@@ -15,6 +15,8 @@ <h2 class="mt-3 h4 alert alert-primary text-center shadow mb-5" id="sub">... (pl
       <button class="btn mb-3 btn-primary" id="auth">Auth</button>
       <button class="btn mb-3 btn-info" style="display: none;" id="signrequest">Sample Payment (Sign request)</button>
       <button class="btn mb-3 btn-danger" style="display: none;" id="logout">Logout</button>
+
+      <a href="https://github.com/XRPL-Labs/XummPkce/blob/main/sample/jsmodule-payload.html" class="d-block mt-3 mb-4" target="_blank">Source on Github</a>
     </div>
 
     <script type="module">
diff --git a/sample/jsmodule.html b/sample/jsmodule.html
index d5dac30..cda6f0b 100644
--- a/sample/jsmodule.html
+++ b/sample/jsmodule.html
@@ -10,6 +10,11 @@ <h1>Sample</h1>
     <h2 id="sub">... (please sign in)</h2>
     <button id="auth">Auth</button>
     <button id="logout">Logout</button>
+    
+    <br /><br />
+    <a href="https://github.com/XRPL-Labs/XummPkce/blob/main/sample/jsmodule.html" target="_blank">Source on Github</a>
+    <br /><br />
+
     <script type="module">
       import 'https://xumm.app/assets/cdn/xumm-oauth2-pkce.min.js?v=2.7.1'
 
diff --git a/sample/promise-fancy.html b/sample/promise-fancy.html
index 283f1cb..c95b069 100644
--- a/sample/promise-fancy.html
+++ b/sample/promise-fancy.html
@@ -18,7 +18,7 @@
     <script src="https://xumm.app/assets/cdn/xumm-oauth2-pkce.min.js?v=2.4.0"></script>
   </head>
   <body>
-    <div class="container mt-2">
+    <div class="container mt-2 pb-4">
       <h2>Hello, world!</h2>
       <p class="alert alert-primary mb-2">
         <span class="h5 d-inline-block mb-2">This is <q>
@@ -58,8 +58,10 @@ <h2>Hello, world!</h2>
 
       <div class="mt-5 pt-2 pb-2 border-top border-1 border-muted text-end">
         <small>
+          Samples: 
           <a href="https://github.com/XRPL-Labs/XummPkce/blob/main/sample/index.html" target="_blank">Source on Github</a> /
-          <a href="https://github.com/XRPL-Labs/XummPkce/blob/main/sample/jsmodule.html" target="_blank">Event based sample</a>
+          <a href="https://github.com/XRPL-Labs/XummPkce/blob/main/sample/jsmodule.html" target="_blank">Event-based</a> / 
+          <a href="https://github.com/XRPL-Labs/XummPkce/blob/main/sample/jsmodule-payload.html" target="_blank">Event-based &amp; payload</a>
         </small>
       </div>
     </div>
