diff --git a/ui/views/new_topic.jet b/ui/views/new_topic.jet
index 1626982..68c803d 100644
--- a/ui/views/new_topic.jet
+++ b/ui/views/new_topic.jet
@@ -79,7 +79,7 @@
                 <div>
                     <div class="flex justify-between items-center mb-2">
                         <label for="pb" class="text-black text-sm font-medium">Message:</label>
-                        <a href="/TODO/html-reference" target="_blank"
+                        <a href="#" onclick="window.open('/static/html-reference.html', 'htmlref', 'popup=true,width=800,height=800'); return false;"
                             class="text-blue-700 hover:text-blue-900 text-sm">HTML Guide</a>
                     </div>
                     <textarea id="pb" name="pb" wrap="soft" rows="7" cols="51"
diff --git a/ui/views/posts.jet b/ui/views/posts.jet
index d216fd8..9bdb2ae 100644
--- a/ui/views/posts.jet
+++ b/ui/views/posts.jet
@@ -200,7 +200,8 @@
                     <div>
                         <div class="flex justify-between items-center mb-2">
                             <label for="pb" class="text-black text-sm font-medium">Message:</label>
-                            <a href="/TODO" target="_blank" class="text-blue-700 hover:text-blue-900 text-sm">HTML Guide</a>
+                            <a href="#" onclick="window.open('/static/html-reference.html', 'htmlref', 'popup=true,width=800,height=800'); return false;"
+                                class="text-blue-700 hover:text-blue-900 text-sm">HTML Guide</a>
                         </div>
                         <textarea id="pb" name="pb" wrap="soft" rows="7" cols="51" placeholder="Enter your post..."
                                     class="w-full px-3 py-2 border border-gray-300 rounded font-mono text-sm focus:outline-none focus:ring-2 focus:ring-blue-500"></textarea>
diff --git a/ui/views/preview_post.jet b/ui/views/preview_post.jet
index 5ed4944..6160d49 100644
--- a/ui/views/preview_post.jet
+++ b/ui/views/preview_post.jet
@@ -68,7 +68,7 @@
                 <div>
                     <div class="flex justify-between items-center mb-2">
                         <label for="pb" class="text-black text-sm font-medium">Message:</label>
-                        <a href="/TODO/html-reference" target="_blank"
+                        <a href="#" onclick="window.open('/static/html-reference.html', 'htmlref', 'popup=true,width=800,height=800'); return false;"
                             class="text-blue-700 hover:text-blue-900 text-sm">HTML Guide</a>
                     </div>
                     <textarea id="pb" name="pb" wrap="soft" rows="7" cols="51"
diff --git a/ui/views/slippage.jet b/ui/views/slippage.jet
index f8be8a2..94b7afb 100644
--- a/ui/views/slippage.jet
+++ b/ui/views/slippage.jet
@@ -69,7 +69,7 @@
                     <div>
                         <div class="flex justify-between items-center mb-2">
                             <label for="pb" class="text-black text-sm font-medium">Message:</label>
-                            <a href="/TODO/html-reference" target="_blank"
+                            <a href="#" onclick="window.open('/static/html-reference.html', 'htmlref', 'popup=true,width=800,height=800'); return false;"
                                 class="text-blue-700 hover:text-blue-900 text-sm">HTML Guide</a>
                         </div>
                         <textarea id="pb" name="pb" wrap="soft" rows="7" cols="51"