diff --git a/public/assets/css/style.css b/public/assets/css/style.css
index aa90dee..ad9e59e 100644
--- a/public/assets/css/style.css
+++ b/public/assets/css/style.css
@@ -440,7 +440,11 @@ div#content {
   box-sizing: border-box;
 }
 
-#edge-inputs > div > * {
+#edge-inputs > div {
+  margin: 2px 0;
+}
+
+#edge-inputs > div > label {
   pointer-events: initial;
 }
 
@@ -494,7 +498,6 @@ input#content-visibility-toggle {
 }
 
 #toggle-firing-arc-vis label, .opt-toggle label {
-  display: block;
   background-color: #DDD;
   border: 1px solid #666;
   border-radius: 3px;
diff --git a/public/index.html b/public/index.html
index eff807d..dd266a0 100644
--- a/public/index.html
+++ b/public/index.html
@@ -129,7 +129,9 @@
       <div class="opt-toggle">
         <input type="checkbox" id="auto-center-map" />
         <label for="auto-center-map">
-          <span class="off">⦾</span><span class="on">⦿</span>
+          <!-- These chars have a weird height issue -->
+          <!-- <span class="off">⦾</span><span class="on">⦿</span> -->
+          <span class="off">○</span><span class="on">●</span>
         </label>
       </div>
 
@@ -138,6 +140,7 @@
         <label style="color: red;" for="defender-firing-arc-vis">
           <span class="hidden">▽</span><span class="visible">▼</span>
         </label>
+        <br/>
         <input type="checkbox" data-allegiance="attacker" id="attacker-firing-arc-vis" />
         <label style="color: blue;" for="attacker-firing-arc-vis">
           <span class="hidden">▽</span><span class="visible">▼</span>