🚑 fix Account Page

src/components/modules/account/DeliveryItem/DeliveryItem.module.scss

@@ -1,9 +1,8 @@
 @import '../../../../styles/utilities';
 
 .deliveryItem {
-    @apply flex bg-white items-center custom-border-radius;
+    @apply flex bg-white items-center shape-common;
     margin-bottom: 1.6rem;
-    border: 1px solid var(--primary)
 }
 
 .separator {

src/components/modules/account/DeliveryItem/components/IdAndStatus/IdAndStatus.module.scss

@@ -2,11 +2,7 @@
 
 .idAndStatus {
     @apply items-center;
-    padding: 2.4rem 0 2.4rem 1rem;
-
-    @screen md {
-        padding: 2.4rem 0 2.4rem 1.2rem;
-    }
+    padding: 2.4rem 0 2.4rem 1.2rem;
 
     @screen lg {
         padding: 2.4rem 0 2.4rem 2.4rem;

src/components/modules/account/DeliveryItem/components/IdAndStatus/IdAndStatus.tsx

@@ -5,10 +5,10 @@ import s from './IdAndStatus.module.scss'
 
 interface IdAndStatusProps {
     id?: string;
-    status: "waiting" | "delivering" | "delivered";
+    status: "Waiting" | "Delivering" | "Delivered";
 }
 
-const IdAndStatus = ({ id, status="waiting" } : IdAndStatusProps) => {
+const IdAndStatus = ({ id, status="Waiting" } : IdAndStatusProps) => {
     return (
         <div className={s.idAndStatus}>
             <div className={s.id}>
@@ -16,7 +16,7 @@ const IdAndStatus = ({ id, status="waiting" } : IdAndStatusProps) => {
             </div>
             <div className={classNames(s.deliveryStatus, {
                 [s[status]]: status
-            })}> {status}
+            })}> {status.charAt(0).toUpperCase() + status.slice(1)}
             </div>
         </div>
     )

src/components/modules/account/DeliveryItem/components/ReOrder/ReOrder.module.scss

@@ -3,14 +3,9 @@
 .reOrder {
     @apply text-white custom-border-radius hidden font-bold;
     padding: .4rem .6rem;
-    margin-right: 1rem;
+    margin-right: 1.2rem;
     background-color: var(--primary);
 
-    @screen md {
-        padding: .4rem .6rem;
-        margin-right: 1.2rem;
-    }
-
     @screen lg {
         padding: .8rem 1.2rem;
         margin-right: 2.4rem;

src/components/modules/account/DeliveryItem/components/TotalPrice/TotalPrice.module.scss

@@ -2,11 +2,7 @@
 
 .totalPrice {
     margin-left: auto; 
-    margin-right: 1rem;
-
-    @screen md {
-        margin-right: 1.2rem;
-    }
+    margin-right: 1.2rem;
 
     @screen lg {
         margin-right: 2.4rem;