diff --git a/src/components/Navbar.js b/src/components/Navbar.js
index 1c68caa..b968dd3 100644
--- a/src/components/Navbar.js
+++ b/src/components/Navbar.js
@@ -1,6 +1,9 @@
 import React from "react";
+import { useSelector } from "react-redux";
 
 const Navbar = () => {
+  const { amount } = useSelector((store) => store.cart);
+  console.log(amount);
   return (
     <nav>
       <div className="nav-center">
@@ -8,7 +11,7 @@ const Navbar = () => {
         <div className="nav-container">
           ロゴ
           <div className="amount-container">
-            <p className="total-amount">0</p>
+            <p className="total-amount">{amount}</p>
           </div>
         </div>
       </div>
diff --git a/src/features/cart/CartSlice.js b/src/features/cart/CartSlice.js
index 7b116a7..9dcb249 100644
--- a/src/features/cart/CartSlice.js
+++ b/src/features/cart/CartSlice.js
@@ -2,7 +2,7 @@ import { createSlice } from "@reduxjs/toolkit/";
 
 const initialState = {
   cartItems: [],
-  amout: 0,
+  amount: 4,
   total: 0,
 };
 const cartSlice = createSlice({