diff --git a/public/styles.css b/public/styles.css
index ac980dd..925a783 100644
--- a/public/styles.css
+++ b/public/styles.css
@@ -770,12 +770,13 @@ x-dialog a {
     color: var(--primary-color);
 }
 
-/* Pair Devices Dialog */
+/* Pair Devices Dialog & Public Room Dialog */
 
 .input-key-container {
     width: 100%;
     display: flex;
     justify-content: center;
+    margin-top: 10px;
 }
 
 .input-key-container > input {
@@ -836,7 +837,7 @@ x-dialog hr {
 
 .hr-note {
     margin-top: 10px;
-    margin-bottom: 10px;
+    margin-bottom: 20px;
 }
 
 .hr-note hr {
diff --git a/public_included_ws_fallback/styles.css b/public_included_ws_fallback/styles.css
index 5a64b39..4f94217 100644
--- a/public_included_ws_fallback/styles.css
+++ b/public_included_ws_fallback/styles.css
@@ -800,12 +800,13 @@ x-dialog a {
     color: var(--primary-color);
 }
 
-/* Pair Devices Dialog */
+/* Pair Devices Dialog & Public Room Dialog */
 
 .input-key-container {
     width: 100%;
     display: flex;
     justify-content: center;
+    margin-top: 10px;
 }
 
 .input-key-container > input {
@@ -866,7 +867,7 @@ x-dialog hr {
 
 .hr-note {
     margin-top: 10px;
-    margin-bottom: 10px;
+    margin-bottom: 20px;
 }
 
 .hr-note hr {