diff --git a/src/app/components/sidebar/sidebar.component.html b/src/app/components/sidebar/sidebar.component.html
index 91128a8..cc526f1 100644
--- a/src/app/components/sidebar/sidebar.component.html
+++ b/src/app/components/sidebar/sidebar.component.html
@@ -1,5 +1,6 @@
 <div class="disable-user-select d-flex align-items-center flex-column h-100 pt-2 text-center">
 
+  <!-- ENCABEZADO -->
   <p class="h4 border-bottom border-white text-white mt-4 pb-2">
     Mi compra
     <i class="fa fa-shopping-cart" aria-hidden="true"></i>
@@ -20,8 +21,11 @@
           <p class="m-0">{{producto.PreVen | currency}}</p>
         </div>
       </div>
-      <div class="row m-0 p-0">
-        <div class="col-6 px-2 my-2">
+
+      <!-- BOTONES -->
+      <div class="row m-0 d-flex justify-content-between">
+        <!-- SUMAR - RESTAR CANTIDAD -->
+        <div class="col-auto px-1 my-2">
           <div class="btn-group-sm btn-group float-left my-auto" role="group">
             <button type="button" class="btn btn-light btn-sm my-auto border" (click)="aumentarContador(i)">
               <i class="fa fa-plus" aria-hidden="true"></i>
@@ -34,19 +38,21 @@
             </button>
           </div>
         </div>
-        <div class="col-6 px-2 my-2">
-          <div class="btn-group-sm btn-group float-right my-auto" role="group">
-            <button
-              *ngIf="esPersonalizable(producto)"
-              type="button"
-              class="btn btn-light btn-sm my-auto float-left border mr-2"
-              (click)="personalizarPromo">
-              <i class="fa fa-hand-o-up" aria-hidden="true"></i>
-            </button>
-            <button type="button" class="btn btn-secondary btn-sm my-auto ml-2" (click)="deleteProducto(i)">
-              <i class="fa fa-times" aria-hidden="true"></i>
-            </button>
-          </div>
+        <!-- PERSONALIZAR -->
+        <div class="col-auto px-1 my-2">
+          <button
+            *ngIf="esPersonalizable(producto)"
+            type="button"
+            class="btn btn-light btn-sm my-auto float-left border"
+            (click)="personalizarPromo">
+            <i class="fa fa-hand-o-up" aria-hidden="true"></i>
+          </button>
+        </div>
+        <!-- BORRAR -->
+        <div class="col-auto px-1 my-2">
+          <button type="button" class="btn btn-secondary btn-sm my-auto" (click)="deleteProducto(i)">
+            <i class="fa fa-times" aria-hidden="true"></i>
+          </button>
         </div>
       </div>
     </div>