diff --git a/index.html b/index.html
index cd5f048..5206d21 100644
--- a/index.html
+++ b/index.html
@@ -220,9 +220,11 @@
                     <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)">
-                            <span class="panel-icon">
-                <i class="fa fa-archive"></i>
-              </span> {{ bundle.name }}
+
+                        <span class="panel-icon">
+                            <i class="fa fa-archive"></i>
+                        </span>
+                        <span v-bind:class="[isBundleComplete(bundle.id) ? 'bundle-complete' : '']">{{ bundle.name }}</span>
                     </a>
                 </nav>
             </div>
diff --git a/main.css b/main.css
index a6564fc..a7e7beb 100644
--- a/main.css
+++ b/main.css
@@ -18,3 +18,7 @@
 .button{
     flex-wrap: wrap;
 }
+
+.bundle-complete {
+    text-decoration: line-through;
+}