diff --git a/demos/src/inception-v3.template.html b/demos/src/inception-v3.template.html
index c63f7bf..e444416 100644
--- a/demos/src/inception-v3.template.html
+++ b/demos/src/inception-v3.template.html
@@ -11,7 +11,7 @@
       <a href="https://www.flickr.com/search/?text=&license=2%2C3%2C4%2C5%2C6%2C9&sort=interestingness-desc">Flickr creative commons</a>.
     </div>
     <div class="info-panel-close">
-      <i class="material-icons">close</i>CLOSE
+      <div class="info-panel-close-btn"><i class="material-icons">close</i>CLOSE</div>
     </div>
   </div>
   <div class="top-container" v-if="!modelLoading">
diff --git a/demos/src/index.css b/demos/src/index.css
index f0fc236..53192c4 100644
--- a/demos/src/index.css
+++ b/demos/src/index.css
@@ -70,12 +70,17 @@ body {
       display: flex;
       align-items: center;
       justify-content: flex-end;
-      color: $color-2;
-      transition: color 0.2s ease-in;
 
-      &:hover {
-        color: $color-1-lighter;
-        cursor: pointer;
+      .info-panel-close-btn {
+        display: flex;
+        align-items: center;
+        color: $color-2;
+        transition: color 0.2s ease-in;
+
+        &:hover {
+          color: $color-1-lighter;
+          cursor: pointer;
+        }
       }
     }
   }
diff --git a/demos/src/index.js b/demos/src/index.js
index e7b99fe..27498e9 100644
--- a/demos/src/index.js
+++ b/demos/src/index.js
@@ -8,6 +8,7 @@ import { MnistCnn } from './mnist-cnn'
 import { MnistVae } from './mnist-vae'
 import { ResNet50 } from './resnet50'
 import { InceptionV3 } from './inception-v3'
+import { ImdbBidirectionalLstm } from './imdb-bidirectional-lstm'
 
 Vue.component('menu', Menu)
 Vue.component('home', Home)
@@ -15,6 +16,7 @@ Vue.component('mnist-cnn', MnistCnn)
 Vue.component('mnist-vae', MnistVae)
 Vue.component('resnet50', ResNet50)
 Vue.component('inception-v3', InceptionV3)
+Vue.component('imdb-bidirectional-lstm', ImdbBidirectionalLstm)
 
 Vue.use(VueMdl.default)
 
@@ -47,7 +49,8 @@ function matchRoute () {
     'mnist-cnn',
     'mnist-vae',
     'resnet50',
-    'inception-v3'
+    'inception-v3',
+    'imdb-bidirectional-lstm'
   ]
 
   const { hash } = window.location
diff --git a/demos/src/menu.template.html b/demos/src/menu.template.html
index 0ddc0f7..9e9a77a 100644
--- a/demos/src/menu.template.html
+++ b/demos/src/menu.template.html
@@ -31,6 +31,12 @@
         <span class="menu-item-subheading">ImageNet</span>
       </a>
     </li>
+    <li v-bind:class="{ 'active': currentView === 'imdb-bidirectional-lstm' }">
+      <a href="#/imdb-bidirectional-lstm">
+        <span class="menu-item-heading">Bidirectional LSTM</span>
+        <span class="menu-item-subheading">IMDB</span>
+      </a>
+    </li>
   </ul>
   <p class="menu-label">
     Links
diff --git a/demos/src/mnist-cnn.css b/demos/src/mnist-cnn.css
index f96c657..f47c76d 100644
--- a/demos/src/mnist-cnn.css
+++ b/demos/src/mnist-cnn.css
@@ -55,12 +55,17 @@
         display: flex;
         align-items: center;
         justify-content: flex-end;
-        color: $color-2;
-        transition: color 0.2s ease-in;
 
-        &:hover {
-          color: $color-1-lighter;
-          cursor: pointer;
+        .input-clear-button {
+          display: flex;
+          align-items: center;
+          color: $color-2;
+          transition: color 0.2s ease-in;
+
+          &:hover {
+            color: $color-1-lighter;
+            cursor: pointer;
+          }
         }
       }
     }
diff --git a/demos/src/mnist-cnn.template.html b/demos/src/mnist-cnn.template.html
index f64ebd8..8f046c4 100644
--- a/demos/src/mnist-cnn.template.html
+++ b/demos/src/mnist-cnn.template.html
@@ -11,7 +11,7 @@
 
     </div>
     <div class="info-panel-close">
-      <i class="material-icons">close</i>CLOSE
+      <div class="info-panel-close-btn"><i class="material-icons">close</i>CLOSE</div>
     </div>
   </div>
   <div class="columns input-output" v-if="!modelLoading">
@@ -33,7 +33,7 @@
           <canvas id="input-canvas-centercrop" style="display:none;"></canvas>
         </div>
         <div class="input-clear" v-on:click="clear">
-          <i class="material-icons">clear</i>CLEAR
+          <div class="input-clear-button"><i class="material-icons">clear</i>CLEAR</div>
         </div>
       </div>
     </div>
diff --git a/demos/src/mnist-vae.template.html b/demos/src/mnist-vae.template.html
index 392b262..6486c39 100644
--- a/demos/src/mnist-vae.template.html
+++ b/demos/src/mnist-vae.template.html
@@ -11,7 +11,7 @@
 
     </div>
     <div class="info-panel-close">
-      <i class="material-icons">close</i>CLOSE
+      <div class="info-panel-close-btn"><i class="material-icons">close</i>CLOSE</div>
     </div>
   </div>
   <div class="columns input-output" v-if="!modelLoading">
diff --git a/demos/src/resnet50.template.html b/demos/src/resnet50.template.html
index 123ae8a..8e885d3 100644
--- a/demos/src/resnet50.template.html
+++ b/demos/src/resnet50.template.html
@@ -11,7 +11,7 @@
       <a href="https://www.flickr.com/search/?text=&license=2%2C3%2C4%2C5%2C6%2C9&sort=interestingness-desc">Flickr creative commons</a>.
     </div>
     <div class="info-panel-close">
-      <i class="material-icons">close</i>CLOSE
+      <div class="info-panel-close-btn"><i class="material-icons">close</i>CLOSE</div>
     </div>
   </div>
   <div class="top-container" v-if="!modelLoading">