diff --git a/tutorial.html b/tutorial.html
index f3cea10..ebd9ae5 100644
--- a/tutorial.html
+++ b/tutorial.html
@@ -207,30 +207,22 @@
 
                   <h4 class="data-title">Video tutorials</h4>
                   <div class="data-row">
-                    <div class="data-item data-item">
-                      <div class="data-item__icon"><a href="https://youtu.be/sJuBl2rFO7Q" target="_blank"><div class="data-item__symbol data-item__symbol-video"></div></div>
-                      <div class="data-item__text">
-                        <a href="https://youtu.be/sJuBl2rFO7Q" target="_blank"><div class="data-item__title">MetaMask Instructions</div></a>
-                      </div>
-                    </div>
-                    <div class="data-item data-item">
-                      <div class="data-item__icon"><a href="https://youtu.be/su12xQf_ZM0" target="_blank"><div class="data-item__symbol data-item__symbol-video"></div></a></div>
-                      <div class="data-item__text">
-                        <a href="https://youtu.be/su12xQf_ZM0" target="_blank"><div class="data-item__title">Mist (Ethereum Wallet) Instructions</div></a>
-                      </div>
-                    </div>
-                    <div class="data-item data-item">
-                      <div class="data-item__icon"><a href="https://youtu.be/vLcYI8gUcEg" target="_blank"><div class="data-item__symbol data-item__symbol-video"></div></a></div>
-                      <div class="data-item__text">
-                        <a href="https://youtu.be/vLcYI8gUcEg" target="_blank"><div class="data-item__title">MyEtherWallet Instructions</div></a>
-                      </div>
-                    </div>
-                    <div class="data-item data-item">
-                      <div class="data-item__icon"><a href="https://youtu.be/tX6ZAZ0B9e0" target="_blank"><div class="data-item__symbol data-item__symbol-video"></div></a></div>
-                      <div class="data-item__text">
-                        <a href="https://youtu.be/tX6ZAZ0B9e0" target="_blank"><div class="data-item__title">Parity Instructions</div></a>
-                      </div>
-                    </div>
+                    <a class="data-item data-item--video" target="_blank" href="https://youtu.be/sJuBl2rFO7Q">
+                      <div class="data-item__video-preview"><div class="data-item__icon"><div class="data-item__symbol data-item__symbol-video data-item__symbol-video--white"></div></div></div>
+                      <div class="data-item__video-title">MetaMask Instructions</div>
+                    </a>
+                    <a class="data-item data-item--video" target="_blank" href="https://youtu.be/su12xQf_ZM0">
+                      <div class="data-item__video-preview"><div class="data-item__icon"><div class="data-item__symbol data-item__symbol-video data-item__symbol-video--white"></div></div></div>
+                      <div class="data-item__video-title">Mist (Ethereum Wallet) Instructions</div>
+                    </a>
+                    <a class="data-item data-item--video" target="_blank" href="https://youtu.be/vLcYI8gUcEg">
+                      <div class="data-item__video-preview"><div class="data-item__icon"><div class="data-item__symbol data-item__symbol-video data-item__symbol-video--white"></div></div></div>
+                      <div class="data-item__video-title">MyEtherWallet Instructions</div>
+                    </a>
+                    <a class="data-item data-item--video" target="_blank" href="https://youtu.be/tX6ZAZ0B9e0">
+                      <div class="data-item__video-preview"><div class="data-item__icon"><div class="data-item__symbol data-item__symbol-video data-item__symbol-video--white"></div></div></div>
+                      <div class="data-item__video-title">Parity Instructions</div>
+                    </a>
                   </div>
                 </div>
               </div>