diff --git a/assets/css/theme.css b/assets/css/theme.css
index a0aba31..ad66246 100644
--- a/assets/css/theme.css
+++ b/assets/css/theme.css
@@ -877,6 +877,11 @@ select {
   margin-bottom: 2rem;
 }
 
+.my-auto {
+  margin-top: auto;
+  margin-bottom: auto;
+}
+
 .mb-1 {
   margin-bottom: 0.25rem;
 }
diff --git a/templates/checkout/_partials/cart-detailed.tpl b/templates/checkout/_partials/cart-detailed.tpl
index 2495f25..3cca931 100644
--- a/templates/checkout/_partials/cart-detailed.tpl
+++ b/templates/checkout/_partials/cart-detailed.tpl
@@ -36,7 +36,7 @@
       {/foreach}
     </ul>
     {else}
-      <span class="w-full flex mt-2 p-2 bg-red-100 border border-red-300">
+      <span class="w-full flex mt-12 p-2 bg-red-100 border border-red-300">
         {l s='There are no more items in your cart.' d='Shop.Theme.Checkout'}
       </span>
     {/if}
diff --git a/templates/checkout/cart.tpl b/templates/checkout/cart.tpl
index 7815273..1a9ab7c 100644
--- a/templates/checkout/cart.tpl
+++ b/templates/checkout/cart.tpl
@@ -26,11 +26,11 @@
 
 {block name='content'}
 
-  <section id="main" class="container mx-auto flex">
+  <section id="main" class="container mx-auto flex mb-8">
     <div class="flex flex-col lg:flex-row gap-8 flex-1">
 
       <!-- Left Block: cart product informations & shpping -->
-      <div class="flex flex-col gap-4 w-full lg:w-3/5">
+      <div class="flex flex-col justify-between gap-4 w-full lg:w-3/5">
 
         <!-- cart products detailed -->
         <div class="flex flex-col gap-4">