diff --git a/src/components/AddNotification/AddNotification.js b/src/components/AddNotification/AddNotification.js
index 170fd51..ad375d7 100644
--- a/src/components/AddNotification/AddNotification.js
+++ b/src/components/AddNotification/AddNotification.js
@@ -46,8 +46,10 @@ const AddNotification = (props) => {
       </div>
 
       <div className={styles.actionContainer}>
-        <Button level={'secondary'}>view my bag (1)</Button>
-        <Button onClick={() => navigate('/cart')} level={'primary'}>
+        <Button onClick={props.openCart} level={'secondary'}>
+          view my bag (1)
+        </Button>
+        <Button level="primary" href="/cart">
           checkout
         </Button>
         <div className={styles.linkContainer}>
diff --git a/src/components/Header/Header.js b/src/components/Header/Header.js
index 507918b..e3b6cec 100644
--- a/src/components/Header/Header.js
+++ b/src/components/Header/Header.js
@@ -154,10 +154,10 @@ const Header = (prop) => {
               <div className={styles.bagNotification}>
                 <span>1</span>
               </div>
-              <div className={styles.notificationContainer}>
-                <AddNotification />
-              </div>
             </button>
+            <div className={styles.notificationContainer}>
+              <AddNotification openCart={() => setShowMiniCart(true)} />
+            </div>
           </div>
         </div>