diff --git a/index.html b/index.html
index 3ec04026..119b9f78 100644
--- a/index.html
+++ b/index.html
@@ -37,24 +37,24 @@
         <div class="row unk--wrapper">
           <div class="col-xs-12 text-center">
             <div class="" role="" style="margin-bottom: 2rem;">
-              <button type="button" class="btn btn-primary btn-lg">Base</button>
-              <button type="button" class="btn btn-default btn-lg grip">Mod</button>
-              <button type="button" class="btn btn-default btn-lg grip">Fn</button>
-              <button type="button" class="btn btn-default btn-lg grip">Mouse</button>
+              <button type="button" data-layer="base" class="uhk__layer-switcher btn btn-primary btn-lg current">Base</button>
+              <button type="button" data-layer="mod" class="uhk__layer-switcher btn btn-default btn-lg grip">Mod</button>
+              <button type="button" data-layer="fn" class="uhk__layer-switcher btn btn-default btn-lg grip">Fn</button>
+              <button type="button" data-layer="mouse" class="uhk__layer-switcher btn btn-default btn-lg grip">Mouse</button>
             </div>
           </div>
           <div class="col-xs-12">
             <div class="keyboard-slider">
-              <div class="item col-xs-12 uhk__layer-wrapper uhk__layer-wrapper--base">
+              <div class="item uhk__layer-wrapper uhk__layer-wrapper--base current">
                 <img src="./images/base-layer.svg" class="uhk uhk--base-layer" alt="">
               </div>
-              <div class="item col-xs-12 uhk__layer-wrapper uhk__layer-wrapper--mod">
+              <div class="item uhk__layer-wrapper uhk__layer-wrapper--mod">
                 <img src="./images/base-layer--blank.svg" class="uhk uhk--base-layer" alt="">
               </div>
-              <div class="item col-xs-12 uhk__layer-wrapper uhk__layer-wrapper--fn">
+              <div class="item uhk__layer-wrapper uhk__layer-wrapper--fn">
                 <img src="./images/base-layer--dvorak.svg" class="uhk uhk--base-layer" alt="">
               </div>
-              <div class="item col-xs-12 uhk__layer-wrapper uhk__layer-wrapper--mouse">
+              <div class="item uhk__layer-wrapper uhk__layer-wrapper--mouse">
                 <img src="./images/base-layer.svg" class="uhk uhk--base-layer" alt="">
               </div>
             </div>