diff --git a/index.html b/index.html
index 8790481..5677a19 100644
--- a/index.html
+++ b/index.html
@@ -217,15 +217,17 @@
                             {{ room.name }}
                         </a>
                     </p>
-                    <a class="panel-block" href="#" v-for="bundle in static.bundles | filterBy active_room in 'room'"
-                       id="panel-bundle-{{ bundle.id }}" v-bind:class="[bundle.id == active_bundle ? 'is-active' : '']"
-                       v-on:click.stop="change_bundle(bundle.id)">
+                    <template v-for="bundle in static.bundles | filterBy active_room in 'room'">
+                        <a class="panel-block" href="#"
+                           id="panel-bundle-{{ bundle.id }}" v-bind:class="[bundle.id == active_bundle ? 'is-active' : '']"
+                           v-on:click.stop="change_bundle(bundle.id)" v-if="!(hideCompleted && isBundleComplete(bundle.id))">
 
                         <span class="panel-icon">
                             <i class="fa fa-archive"></i>
                         </span>
-                        <span v-bind:class="[isBundleComplete(bundle.id) ? 'bundle-complete' : '']">{{ bundle.name }}</span>
-                    </a>
+                            <span v-bind:class="[isBundleComplete(bundle.id) ? 'bundle-complete' : '']">{{ bundle.name }}</span>
+                        </a>
+                    </template>
                 </nav>
             </div>
             <div class="column">