diff --git a/src/app/components/inicio/inicio.component.html b/src/app/components/inicio/inicio.component.html
index a9ceefc..4000508 100644
--- a/src/app/components/inicio/inicio.component.html
+++ b/src/app/components/inicio/inicio.component.html
@@ -17,10 +17,10 @@
           class="card card-effect bg-white border-0 shadow rounded w-100 mb-auto">
           <div class="card-body text-left px-4 py-3">
             <div class="row">
-              <div class="col-7">
+              <div class="col-auto">
                 <p class="h3 card-title">Promociones</p>
               </div>
-              <div class="col-5 p-0">
+              <div class="col-auto p-0">
                 <img src="{{apiUrl}}/imagenes/primario.promociones.png" class="icon-dim m-0">
               </div>
             </div>
@@ -48,10 +48,10 @@
         <div class="card card-effect bg-white border-0 shadow rounded w-100 mt-4">
           <div class="card-body text-left px-4 py-3">
             <div class="row">
-              <div class="col-5">
+              <div class="col-auto">
                 <p class="h3 card-title">Ordenar Pedido</p>
               </div>
-              <div class="col-7 p-0">
+              <div class="col-auto p-0">
                 <img src="{{apiUrl}}/imagenes/primario.ordenar.png" class="icon-dim">
               </div>
             </div>
@@ -91,10 +91,10 @@
           <div class="card bg-white border-0 shadow rounded mb-auto">
             <div class="card-body text-left px-4 py-3">
               <div class="row">
-                <div class="col-6">
+                <div class="col-auto">
                   <p class="h3 card-title">Cargar Productos</p>
                 </div>
-                <div class="col-6 p-0">
+                <div class="col-auto p-0">
                   <img src="{{apiUrl}}/imagenes/escanear.png" class="icon-dim mb-2">
                 </div>
               </div>
@@ -188,13 +188,13 @@
           class="card card-effect bg-white border-0 shadow rounded w-100 mt-4">
           <div class="card-body text-left px-4 py-3">
             <div class="row">
-              <div class="col-6">
+              <div class="col-auto">
                 <p class="h3 card-title">Buscar Productos</p>
                 <p class="h5 card-text text-muted font-weight-light">
                   Busque aquí los productos<br>
                   que no tienen código </p>
               </div>
-              <div class="col-6 p-0">
+              <div class="col-auto p-0">
                 <img src="{{apiUrl}}/imagenes/primario.buscar.png" class="icon-dim mb-2">
               </div>
             </div>