diff --git a/src/app/modules/carrito/carrito.component.html b/src/app/modules/carrito/carrito.component.html
index f9e2f87..931803a 100644
--- a/src/app/modules/carrito/carrito.component.html
+++ b/src/app/modules/carrito/carrito.component.html
@@ -126,8 +126,8 @@
     <!-- TOTAL -->
     <div class="row mx-3 mt-2 h-auto justify-content-end">
       <div class="col-auto align-self-center text-primary"><small>TOTAL</small></div>
-      <div class="col-2 p-0 bg-primary d-none d-sm-block bg-total">
-        <p class="text-center text-white mt-1 py-1">{{articuloService.subTotal | currency}}</p>
+      <div class="col-auto px-3 bg-primary badge-pill">
+        <p class="text-center text-white py-1">{{articuloService.subTotal | currency}}</p>
       </div>
     </div>
     <!-- CONTINUAR -->
diff --git a/src/app/modules/carrito/carrito.component.scss b/src/app/modules/carrito/carrito.component.scss
index 136aa08..e69de29 100644
--- a/src/app/modules/carrito/carrito.component.scss
+++ b/src/app/modules/carrito/carrito.component.scss
@@ -1,4 +0,0 @@
-.bg-total {
-    width: 75px;
-    border-radius: 1.5rem;
-  }