diff --git a/src/components/modules/account/DeliveryItem/DeliveryItem.tsx b/src/components/modules/account/DeliveryItem/DeliveryItem.tsx
index 781861f47..fe8f5cdef 100644
--- a/src/components/modules/account/DeliveryItem/DeliveryItem.tsx
+++ b/src/components/modules/account/DeliveryItem/DeliveryItem.tsx
@@ -22,7 +22,7 @@ const DeliveryItem = ({ id, status, products, totalPrice, reOrderLink } : Delive
             <div className={s.separator}></div>
             <Products products={products} />
             <TotalPrice totalPrice={totalPrice} />
-            <ReOrder show={status==="delivered" ? "show" : ""} href={reOrderLink} />
+            <ReOrder show={status==="delivered" ? true : false} href={reOrderLink} />
         </section>
     )
 }
diff --git a/src/components/modules/account/DeliveryItem/components/IdAndStatus/IdAndStatus.module.scss b/src/components/modules/account/DeliveryItem/components/IdAndStatus/IdAndStatus.module.scss
index a7d5cd989..02059df48 100644
--- a/src/components/modules/account/DeliveryItem/components/IdAndStatus/IdAndStatus.module.scss
+++ b/src/components/modules/account/DeliveryItem/components/IdAndStatus/IdAndStatus.module.scss
@@ -24,7 +24,7 @@
             background-color: var(--info-dark);
         }
         &.delivered {
-            background-color: var(--positive);
+            background-color: var(--primary);
         }
     }
 }
\ No newline at end of file
diff --git a/src/components/modules/account/DeliveryItem/components/ReOrder/ReOrder.module.scss b/src/components/modules/account/DeliveryItem/components/ReOrder/ReOrder.module.scss
index ddb3100d1..49a33aa79 100644
--- a/src/components/modules/account/DeliveryItem/components/ReOrder/ReOrder.module.scss
+++ b/src/components/modules/account/DeliveryItem/components/ReOrder/ReOrder.module.scss
@@ -1,10 +1,10 @@
 @import '../../../../../../styles/utilities';
 
 .reOrder {
-    @apply text-white custom-border-radius hidden;
+    @apply text-white custom-border-radius hidden font-bold;
     padding: .8rem 1.2rem;
     margin-right: 2.4rem;
-    background-color: var(--positive);
+    background-color: var(--primary);
 
     &.show {
         @apply block;
diff --git a/src/components/modules/account/DeliveryItem/components/ReOrder/ReOrder.tsx b/src/components/modules/account/DeliveryItem/components/ReOrder/ReOrder.tsx
index e30dcbce8..2fbc546f4 100644
--- a/src/components/modules/account/DeliveryItem/components/ReOrder/ReOrder.tsx
+++ b/src/components/modules/account/DeliveryItem/components/ReOrder/ReOrder.tsx
@@ -3,16 +3,15 @@ import React from "react"
 import s from './ReOrder.module.scss'
 import Link from 'next/link'
 
-
 interface ReOrderProps {
-    show: string;
+    show: boolean;
     href?: string;
 }
 
-const ReOrder = ({ show="", href="#" } : ReOrderProps) => {
+const ReOrder = ({ show=false, href="#" } : ReOrderProps) => {
     return (
         <div className={classNames(s.reOrder, {
-            [s[show]]: show
+            [s.show]: show
         })}>
             <Link href={href}>
                 <a>Re-Order</a>