diff --git a/jrx/pages/gb.html b/jrx/pages/gb.html
index 6d15d73..2317fc6 100644
--- a/jrx/pages/gb.html
+++ b/jrx/pages/gb.html
@@ -5,19 +5,56 @@
 <head>
     <meta charset="utf-8">
     <style type="text/css">
-        body {
+        html, body {
+            background-color: #D0F5F7;
+            font-family: monospace, sans-serif;
             font-size: '0.7em';
+            height: 78%;
+        }
+
+        pre {
+            background-color: #E8E0F8;
+            overflow: scroll;
+            box-sizing: border-box;
+            width: 100%;
+            height: 100%;
+            border: 1px solid #ccc;
+            border-radius: 5px;
+            padding: 3px;
+        }
+
+        #miscinfo-wrapper1 {
+            flex: 1 1 auto;
+            height: 100%;
+        }
+
+        #miscinfo-wrapper3 {
+            display: flex;
+            flex-flow: column;
+            height: 100%;
+        }
+
+        #title-h1 {
+            text-align: center;
         }
     </style>
 </head>
 <body>
-<h5 id="title-h1"></h1>
+<h3 id="title-h1"></h3>
 
-<button id="good">Yes</button>
-<span width="10px">
-<button id="bad">No</button>
+<div>
+    <button id="good">Yes</button>
+    <span width="1em">
+    <button id="bad">No</button>
+</div>
 
-<pre id="miscinfo"></pre>
+<!-- dumbass css hack: https://www.w3docs.com/snippets/html/how-to-make-a-div-fill-the-height-of-the-remaining-space.html -->
+<div id='miscinfo-wrapper3'>
+    <div id='miscinfo-wrapper1'>
+        <pre id="miscinfo">
+        </pre>
+    </div>
+</div>
 
 
 <script type="module" src="./gb.js"></script>
diff --git a/jrx/src/b_lib.ts b/jrx/src/b_lib.ts
index a12d6bf..fc9d9f5 100644
--- a/jrx/src/b_lib.ts
+++ b/jrx/src/b_lib.ts
@@ -87,7 +87,7 @@ let GB_SEC     = 200*GB_ITERS;  // [ITER]; 1iter / 5ms = 200iter / sec
 let GB_MIN     = 60*GB_SEC;     // [ITER]
 
 // size of confirm windows
-let GB_W_PX = 400;
+let GB_W_PX = 500;
 let GB_H_PX = 300;
 
 let MSG_SIGN_TIMEOUT = 30*GB_MIN;
