diff --git a/web/templates/components/cart/cart_navbar.html b/web/templates/components/cart/cart_navbar.html
index f932e7d..dc71804 100644
--- a/web/templates/components/cart/cart_navbar.html
+++ b/web/templates/components/cart/cart_navbar.html
@@ -3,7 +3,7 @@
         hx-on:click="htmx.toggleClass(htmx.find('#myCartDropdown1'), 'hidden'); htmx.addClass(htmx.find('#userDropdown1'), 'hidden')"
         id="myCartDropdownButton1"
         data-dropdown-toggle="myCartDropdown1" type="button"
-        class="inline-flex items-center rounded-lg justify-center p-2 hover:bg-gray-100 dark:hover:bg-gray-700 text-sm font-medium leading-none text-gray-900 dark:text-white cursor-pointer">
+        class="inline-flex items-center rounded-lg justify-center p-4 hover:bg-gray-100 dark:hover:bg-gray-700 text-sm font-medium leading-none text-gray-900 dark:text-white cursor-pointer">
     {% include 'components/icons/cart.svg' %}
     <span class="hidden sm:flex">
     {% translate 'Carrito' %}</span>
@@ -12,7 +12,8 @@
 
 <!-- Cart -->
 <div id="myCartDropdown1"
-     class="absolute top-12 z-10 w-65 divide-y divide-gray-100 overflow-hidden overflow-y-auto rounded-lg bg-white antialiased shadow dark:divide-gray-600 dark:bg-gray-700 right-0 p-4 hidden"
+     class="absolute top-12 z-10 w-68 divide-y divide-gray-100 overflow-hidden overflow-y-auto rounded-lg bg-white
+     antialiased shadow dark:divide-gray-600 dark:bg-gray-700 right-0 p-4 hidden"
 >
     <div>
         {% if cart.items.count == 0 %}