button text wrap fix

src/pug/templates/control-view.pug

@@ -226,7 +226,7 @@ script#control-view-template(type="text/x-template")
 
     .macros-div(class="present")
        button.macros-button(title="Click to run Macros",v-for="(index,macros) in config.macros",
-          @click="runMacros(index)",:disabled="!is_ready",v-bind:style="{ backgroundColor: macros.color; overflow-wrap: break-word }") {{macros.name}}
+          @click="runMacros(index)",:disabled="!is_ready",v-bind:style="{ backgroundColor: macros.color; }") {{macros.name}}
 
     .tabs
      

src/stylus/style.styl

@@ -640,6 +640,7 @@ span.unit
     margin-left 1rem
     margin-top 1rem
     border 0
+    overflow-wrap break-word
     color #fff
     box-shadow rgba(0, 0, 0, 0.3) 0px 0px 5px
     text-shadow: rgba(0, 0, 0, 0.8) 0px 0px 3px