diff --git a/public/assets/css/checkout.css b/public/assets/css/checkout.css
index a407478..eb51c67 100644
--- a/public/assets/css/checkout.css
+++ b/public/assets/css/checkout.css
@@ -99,6 +99,7 @@
   flex-direction: row;
   grid-gap: 15px;
   padding: 10px 15px;
+  flex-wrap: wrap;
 }
 
 .checkoutMainInsideSecBodyCardBottom {
@@ -127,6 +128,12 @@
   font-size: 16px;
 }
 
+@media (max-width: 576px) {
+  .checkoutMainInsideSecBodyCardTopName {
+    width: 100%;
+  }
+}
+
 .checkoutMainInsideSecBodyCardTopSec {
   display: flex;
   flex-direction: column;
@@ -145,6 +152,7 @@
 .checkoutMainInsideSecBodyCardTopSec.checkoutMainInsideSecBodyCardTopPrice {
   font-weight: 600;
   white-space: nowrap;
+  padding: 0 10px;
 }
 
 .checkoutMainInsideSecBodyCardTopNameText {