diff --git a/src/ui/web/common.js b/src/ui/web/common.js
index 4ef5cc6f..28faccef 100644
--- a/src/ui/web/common.js
+++ b/src/ui/web/common.js
@@ -1,5 +1,5 @@
 export function spinner(t, extraClasses = undefined) {
-    return t.svg({className: Object.assign({"spinner": true}, extraClasses), viewBox:"0 0 100% 100%"}, 
+    return t.svg({className: Object.assign({"spinner": true}, extraClasses), viewBox:"0 0 100 100"}, 
         t.circle({cx:"50%", cy:"50%", r:"45%", pathLength:"100"})
     );
-}
\ No newline at end of file
+}
diff --git a/src/ui/web/css/spinner.css b/src/ui/web/css/spinner.css
index 39b0e6be..be8192a6 100644
--- a/src/ui/web/css/spinner.css
+++ b/src/ui/web/css/spinner.css
@@ -23,7 +23,7 @@
     animation-timing-function: linear;
     fill: none;
     stroke: currentcolor;
-    stroke-width: calc(var(--size) * 0.1);
+    stroke-width: 12;
     stroke-linecap: butt;
 }
 
diff --git a/src/ui/web/view-gallery.html b/src/ui/web/view-gallery.html
index 822aa89f..4cd8fd79 100644
--- a/src/ui/web/view-gallery.html
+++ b/src/ui/web/view-gallery.html
@@ -24,7 +24,7 @@
             }
         </script>
         <h1>View Gallery</h1>
-        <h2 name="session-status">Session Status</h2>
+        <h2 name="session-status">Session Status Bar</h2>
         <div id="session-status" class="brawl"></div>
         <script id="main" type="module">
             import {SessionStatusView} from "./session/SessionStatusView.js";
@@ -35,7 +35,7 @@
                 isConnectNowShown: true,
                 connectNow: () => alert("connecting now")
             }));
-            document.getElementById("login").appendChild(view.mount());
+            document.getElementById("session-status").appendChild(view.mount());
         </script>
         <h2 name="login">Login</h2>
         <div id="login" class="brawl"></div>