diff --git a/src/components/Debug.tsx b/src/components/Debug.tsx
index f7782fd0..12ddc5fa 100644
--- a/src/components/Debug.tsx
+++ b/src/components/Debug.tsx
@@ -278,9 +278,11 @@ const Debug: React.FC = () => {
               <div className="flex gap-2 mt-3">
                 <button className="btn btn-primary" onClick={() => doEncrypt('nip44')} disabled={!hasNip44}>Encrypt</button>
                 <button className="btn btn-secondary" onClick={() => doDecrypt('nip44')} disabled={!cipher44}>Decrypt</button>
-                <span className="text-sm opacity-70">Plain:</span>
               </div>
-              <CodeBox value={plain44} />
+              <div className="mt-3">
+                <span className="text-sm opacity-70">Plain:</span>
+                <CodeBox value={plain44} />
+              </div>
             </div>
 
             <div className="setting-group">
@@ -290,9 +292,11 @@ const Debug: React.FC = () => {
               <div className="flex gap-2 mt-3">
                 <button className="btn btn-primary" onClick={() => doEncrypt('nip04')} disabled={!hasNip04}>Encrypt</button>
                 <button className="btn btn-secondary" onClick={() => doDecrypt('nip04')} disabled={!cipher04}>Decrypt</button>
-                <span className="text-sm opacity-70">Plain:</span>
               </div>
-              <CodeBox value={plain04} />
+              <div className="mt-3">
+                <span className="text-sm opacity-70">Plain:</span>
+                <CodeBox value={plain04} />
+              </div>
             </div>
           </div>
         </div>