diff --git a/resources/views/checkout/partials/sidebar/products.blade.php b/resources/views/checkout/partials/sidebar/products.blade.php
index dcd396b..2680769 100644
--- a/resources/views/checkout/partials/sidebar/products.blade.php
+++ b/resources/views/checkout/partials/sidebar/products.blade.php
@@ -7,7 +7,7 @@
                     @{{ item.product.name }}
                 </span>
                 <div class="*:border-r last:*:border-r-0 last:*:pr-0 *:pr-2 flex flex-wrap gap-x-2 text-xs text-ct-inactive">
-                    <div class="*:border-r *:px-2 *:mb-2 *:leading-3 -mx-2 mt-2 flex flex-wrap text-xs text-inactive subpixel-antialiased">
+                    <div class="*:border-r *:px-2 *:mb-2 *:leading-3 last:*:border-r-0 -mx-2 mt-2 flex flex-wrap text-xs text-inactive subpixel-antialiased">
                         <div v-for="option in item.configurable_options">
                             @{{ option.value_label }}
                         </div>
@@ -15,7 +15,7 @@
                             @{{ option.label }}: @{{ option.values[0].label || option.values[0].value }}
                         </div>
                         <div v-for="option in config.cart_attributes" v-if="item.product.attribute_values?.[option] && typeof item.product.attribute_values[option] === 'object'">
-                            @{{ option }}: <span v-html="item.product.attribute_values[option]?.join(', ')"></span>
+                            <p class="lowercase first-letter:uppercase">@{{ option.replace(/_/g, ' ') }}: <span v-html="item.product.attribute_values[option]?.join(', ')"></span></p>
                         </div>
                     </div>
                 </div>
diff --git a/resources/views/components/product/partials/name.blade.php b/resources/views/components/product/partials/name.blade.php
index be63c4b..29636c9 100644
--- a/resources/views/components/product/partials/name.blade.php
+++ b/resources/views/components/product/partials/name.blade.php
@@ -2,7 +2,7 @@
     <a class="hover:underline" :href="item.product.url_key + item.product.url_suffix | url">
         <div class="font-semibold text-sm" dusk="cart-item-name">@{{ item.product.name }}</div>
     </a>
-    <div class="flex flex-wrap *:border-r -mx-2 *:px-2 text-inactive text-xs subpixel-antialiased mt-2 *:mb-2 *:leading-3">
+    <div class="flex flex-wrap *:border-r last:*:border-r-0 -mx-2 *:px-2 text-inactive text-xs subpixel-antialiased mt-2 *:mb-2 *:leading-3">
         <div v-for="option in item.configurable_options">
                 @{{ option.value_label }}
             </div>
@@ -10,7 +10,7 @@
             @{{ option.label }}: @{{ option.values[0].label || option.values[0].value }}
         </div>
         <div v-for="option in config.cart_attributes" v-if="item.product.attribute_values?.[option] && typeof item.product.attribute_values[option] === 'object'">
-            @{{ option }}: <span v-html="item.product.attribute_values[option]?.join(', ')"></span>
+            <p class="lowercase first-letter:uppercase">@{{ option.replace(/_/g, ' ') }}: <span v-html="item.product.attribute_values[option]?.join(', ')"></span></p>
         </div>
     </div>
 </div>