diff --git a/index.html b/index.html
index 752f874..337b410 100644
--- a/index.html
+++ b/index.html
@@ -87,15 +87,7 @@
         <foca-nombre-empresa></foca-nombre-empresa>
         <div ng-view class="container contenedor"></div>
         <div ng-controller="appWrapperDemoController" class="teclado-container container d-none d-md-block ">
-            <div class="container">
-                <div class="row">
-                    <div class="col-auto my-2 col-lg-2 offset-lg-10 d-none d-md-flex" style="min-height: 176px">
-                        <div class="px-2 mt-auto">
-                            <foca-botonera-lateral></foca-botonera-lateral>
-                        </div>
-                    </div>
-                </div>
-            </div>
+            <foca-botonera-lateral></foca-botonera-lateral>
             <foca-teclado
                 ng-show="usarTeclado && mostrarTeclado"
                 alfanumeric="true"
diff --git a/src/sass/_botonera-lateral.scss b/src/sass/_botonera-lateral.scss
index 6afbab0..b486613 100644
--- a/src/sass/_botonera-lateral.scss
+++ b/src/sass/_botonera-lateral.scss
@@ -1,7 +1,22 @@
 .botonera-lateral {
+    pointer-events: none;
+    position: absolute;
+    left: 0;
+    right: 0;
+    top: 402px;
+    &.teclado{
+        top: 449px;
+        z-index: 100000;
+    }
+    .row{
+        margin: 0 !important;
+        pointer-events: none;
+    }
 
-    @media (min-width: 768px){
-        display: grid !important;
+    .container{
+        @media (min-width: 768px){
+            display: grid !important;
+        }
     }
 
     button{
@@ -49,16 +64,3 @@
         }
     }
 }
-.teclado-container > div{
-    pointer-events: none;
-    position: absolute;
-    z-index: 100000;
-    left: 0;
-    right: 0;
-    top: 449px;
-    .row{
-        margin: 0 !important;
-        pointer-events: none;
-    }
-    
-}