diff --git a/packages/template-retail-react-app/app/components/link/index.jsx b/packages/template-retail-react-app/app/components/link/index.jsx
index 74b61b14c2..e5bd8d7da5 100644
--- a/packages/template-retail-react-app/app/components/link/index.jsx
+++ b/packages/template-retail-react-app/app/components/link/index.jsx
@@ -19,7 +19,7 @@ const Link = React.forwardRef(({href, to, useNavLink = false, ...props}, ref) =>
             as={useNavLink ? NavSPALink : SPALink}
             {...(useNavLink && {exact: true})}
             {...props}
-            to={_href === '/' ? '/' : updatedHref}
+            to={updatedHref}
             ref={ref}
         />
     )
diff --git a/packages/template-retail-react-app/app/pages/checkout/partials/checkout-header.jsx b/packages/template-retail-react-app/app/pages/checkout/partials/checkout-header.jsx
index 9b8f9e79f4..c2e4994f29 100644
--- a/packages/template-retail-react-app/app/pages/checkout/partials/checkout-header.jsx
+++ b/packages/template-retail-react-app/app/pages/checkout/partials/checkout-header.jsx
@@ -10,15 +10,15 @@ import {Badge, Box, Button, Flex, Center} from '@chakra-ui/react'
 import useBasket from '../../../commerce-api/hooks/useBasket'
 import Link from '../../../components/link'
 import {BasketIcon, BrandLogo} from '../../../components/icons'
+import {HOME_HREF} from '../../../constants'
 
 const CheckoutHeader = () => {
     const basket = useBasket()
-
     return (
         <Box px={[4, 4, 8]} bg="white" borderBottom="1px" borderColor="gray.100">
             <Box maxWidth="container.xxxl" marginLeft="auto" marginRight="auto">
                 <Flex h={{base: '52px', md: '80px'}} align="center" justify="space-between">
-                    <Link href="/" title="Back to homepage">
+                    <Link href={HOME_HREF} title="Back to homepage">
                         <BrandLogo
                             width={{base: '35px', md: '45px'}}
                             height={{base: '24px', md: '32px'}}