diff --git a/web-src/src/components/NavbarItemOutput.vue b/web-src/src/components/NavbarItemOutput.vue
index df52b4bd..7af0f22e 100644
--- a/web-src/src/components/NavbarItemOutput.vue
+++ b/web-src/src/components/NavbarItemOutput.vue
@@ -3,7 +3,13 @@
     <div class="level is-mobile">
       <div class="level-left fd-expanded">
         <div class="level-item" style="flex-grow: 0;">
-          <a class="button is-white is-small"><span class="icon fd-has-action" :class="{ 'has-text-grey-light': !output.selected }" v-on:click="set_enabled"><i class="mdi mdi-18px" v-bind:class="type_class"></i></span></a>
+          <a class="button is-white is-small">
+            <span class="icon fd-has-action"
+                :class="{ 'has-text-grey-light': !output.selected }"
+                v-on:click="set_enabled">
+              <i class="mdi mdi-18px" :class="type_class"></i>
+            </span>
+          </a>
         </div>
         <div class="level-item fd-expanded">
           <div class="fd-expanded">
@@ -38,6 +44,8 @@ export default {
     type_class () {
       if (this.output.type === 'AirPlay') {
         return 'mdi-airplay'
+      } else if (this.output.type === 'Chromecast') {
+        return 'mdi-cast'
       } else if (this.output.type === 'fifo') {
         return 'mdi-pipe'
       } else {