diff --git a/assets/css/theme.css b/assets/css/theme.css
index 32754fb..39be6d7 100644
--- a/assets/css/theme.css
+++ b/assets/css/theme.css
@@ -2030,6 +2030,10 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
     padding-right: 0.5rem;
   }
 
+  .max-md\:text-center {
+    text-align: center;
+  }
+
   .max-md\:leading-5 {
     line-height: 1.25rem;
   }
diff --git a/templates/checkout/_partials/cart-detailed-product-line.tpl b/templates/checkout/_partials/cart-detailed-product-line.tpl
index 8148391..a3d050e 100644
--- a/templates/checkout/_partials/cart-detailed-product-line.tpl
+++ b/templates/checkout/_partials/cart-detailed-product-line.tpl
@@ -29,11 +29,11 @@
   </div>
   <div class="flex flex-1 max-md:items-center flex-col gap-2">
     <div class="product-line-info flex flex-col">
-      <a class="label text-lg font-semibold" href="{$product.url}" data-id_customization="{$product.id_customization|intval}">{$product.name}</a>
+      <a class="label text-lg font-semibold max-md:text-center" href="{$product.url}" data-id_customization="{$product.id_customization|intval}">{$product.name}</a>
     {if is_array($product.customizations) && $product.customizations|count}
       {block name='cart_detailed_product_line_customization'}
         {foreach from=$product.customizations item="customization"}
-          <a href="#product-customizations-modal-{$customization.id_customization}" class="text-blue-900 font-medium" rel="modal:open" >{l s='Show customizations' d='Shop.Theme.Catalog'}</a>
+          <a href="#product-customizations-modal-{$customization.id_customization}" class="text-blue-900 font-medium max-md:text-center" rel="modal:open" >{l s='Show customizations' d='Shop.Theme.Catalog'}</a>
           <div class="modal bg-white p-4" id="product-customizations-modal-{$customization.id_customization}" >
             <div class="w-full flex items-center justify-between mb-4">
               <h4 class="modal-title text-xl font-bold">{l s='Customizations' d='Shop.Theme.Catalog'}</h4>