diff --git a/apps/nowait-admin/src/pages/AdminBooth/components/AccountPage.tsx b/apps/nowait-admin/src/pages/AdminBooth/components/AccountPage.tsx
index 001a135b..18677c1c 100644
--- a/apps/nowait-admin/src/pages/AdminBooth/components/AccountPage.tsx
+++ b/apps/nowait-admin/src/pages/AdminBooth/components/AccountPage.tsx
@@ -350,7 +350,7 @@ const AccountPage = () => {
                       placeholder={
                         errors[option.id] ? "" : REQUIRED_PREFIX[option.id]
                       }
-                      className={`flex w-full bg-transparent outline-none text-14-regular text-black-90`}
+                      className={`flex-1 w-[calc(100%-4px)] bg-transparent outline-none text-14-regular text-black-90`}
                       readOnly={sources[option.id] === "image"}
                     />
                     {errors[option.id] && (
diff --git a/apps/nowait-user/src/api/order.ts b/apps/nowait-user/src/api/order.ts
index 030b5a99..74a82b5c 100644
--- a/apps/nowait-user/src/api/order.ts
+++ b/apps/nowait-user/src/api/order.ts
@@ -31,7 +31,7 @@ export const getOrderDetails = async (
 };
 
 //주점 QR, 계좌번호 조회
-export const getStorePayments = async (storeId: string) => {
+export const getStorePayments = async (storeId: number) => {
   try {
     const res = await api.get<StorePaymentsResponse>(
       `/v1/store-payments/${storeId}`
diff --git a/apps/nowait-user/src/assets/icon/back.svg b/apps/nowait-user/src/assets/icon/back.svg
index 4df0049a..c8a3e76f 100644
--- a/apps/nowait-user/src/assets/icon/back.svg
+++ b/apps/nowait-user/src/assets/icon/back.svg
@@ -1,3 +1,3 @@
-<svg width="10" height="18" viewBox="0 0 10 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M8.92389 0.910093C8.59845 0.584656 8.07082 0.584656 7.74538 0.910093L0.245379 8.41009C-0.0800581 8.73553 -0.0800581 9.26317 0.245379 9.5886L7.74538 17.0886C8.07082 17.414 8.59845 17.414 8.92389 17.0886C9.24933 16.7632 9.24933 16.2355 8.92389 15.9101L2.01315 8.99935L8.92389 2.0886C9.24933 1.76317 9.24933 1.23553 8.92389 0.910093Z" fill="black"/>
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.5 21L10.5 14L17.5 7" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
diff --git a/apps/nowait-user/src/components/BackHeader.tsx b/apps/nowait-user/src/components/BackHeader.tsx
index ec37fce3..a473c737 100644
--- a/apps/nowait-user/src/components/BackHeader.tsx
+++ b/apps/nowait-user/src/components/BackHeader.tsx
@@ -9,12 +9,12 @@ const BackHeader = ({ title }: PropsType) => {
   const navigate = useNavigate()
   return (
     <header className="w-full fixed left-0 top-0 bg-white">
-      <div className="flex justify-between items-center px-5 py-2.5">
-        <button onClick={()=>navigate(-1)}>
+      <div className="flex justify-between items-center">
+        <button onClick={()=>navigate(-1)} className="p-2.5">
           <Back />
         </button>
         <h1 className="text-title-16-bold">{title}</h1>
-        <div className="w-2.5"></div>
+        <div className="w-[48px] h-[48px]"></div>
       </div>
     </header>
   );
diff --git a/apps/nowait-user/src/components/BackOnlyHeader.tsx b/apps/nowait-user/src/components/BackOnlyHeader.tsx
index 1e959758..0deca00a 100644
--- a/apps/nowait-user/src/components/BackOnlyHeader.tsx
+++ b/apps/nowait-user/src/components/BackOnlyHeader.tsx
@@ -5,11 +5,11 @@ const BackOnlyHeader = () => {
   const navigate = useNavigate();
   return (
     <header className="w-full fixed left-0 top-0 bg-transparent">
-      <div className="flex justify-between items-center px-5 py-2.5">
-        <button onClick={() => navigate(-1)}>
+      <div className="flex justify-between items-center">
+        <button onClick={() => navigate(-1)} className="p-2.5">
           <Back />
         </button>
-        <div className="w-2.5" />
+        <div className="w-[48px] h-[48px]"></div>
       </div>
     </header>
   );
diff --git a/apps/nowait-user/src/pages/order/remittance/RemittancePage.tsx b/apps/nowait-user/src/pages/order/remittance/RemittancePage.tsx
index fc7b4088..665fb7f9 100644
--- a/apps/nowait-user/src/pages/order/remittance/RemittancePage.tsx
+++ b/apps/nowait-user/src/pages/order/remittance/RemittancePage.tsx
@@ -29,7 +29,7 @@ const RemittancePage = () => {
 
   const { data: remittance, isLoading } = useQuery({
     queryKey: ["remittance", storeId],
-    queryFn: () => getStorePayments(storeId!),
+    queryFn: () => getStorePayments(Number(storeId!)),
     enabled: !!storeId,
     select: (data) => data?.response,
   });
diff --git a/apps/nowait-user/src/pages/waiting/bookmark/components/BookmarkListItem.tsx b/apps/nowait-user/src/pages/waiting/bookmark/components/BookmarkListItem.tsx
index 78023988..241144aa 100644
--- a/apps/nowait-user/src/pages/waiting/bookmark/components/BookmarkListItem.tsx
+++ b/apps/nowait-user/src/pages/waiting/bookmark/components/BookmarkListItem.tsx
@@ -57,7 +57,7 @@ const BookmarkListItem = ({
           />
           {waitingCount !== 0 && (
             <p className="absolute top-[12px] right-[12px] text-primary bg-[#ffe9df] px-2 py-[7px] font-bold text-[12px] rounded-[6px]">
-              {waitingCount}
+              대기 {waitingCount}팀
             </p>
           )}
         </Link>
diff --git a/apps/nowait-user/src/pages/waiting/boothMap/components/BoothDetail.tsx b/apps/nowait-user/src/pages/waiting/boothMap/components/BoothDetail.tsx
index 8c383e1e..9b9c7c0c 100644
--- a/apps/nowait-user/src/pages/waiting/boothMap/components/BoothDetail.tsx
+++ b/apps/nowait-user/src/pages/waiting/boothMap/components/BoothDetail.tsx
@@ -2,25 +2,44 @@ import { useNavigate } from "react-router-dom";
 import { Button } from "@repo/ui";
 import Clock from "../../../../assets/icon/clock.svg?react";
 import BookmarkIcon from "../../../../components/common/BookmarkIcon";
-import { useState } from "react";
 import { motion } from "framer-motion";
+import { useBookmarkState } from "../../../../hooks/useBookmarkState";
+import { useBookmarkMutation } from "../../../../hooks/mutate/useBookmark";
 
 interface PropsType {
   booth: any | undefined;
 }
 
-
 const BoothDetail = ({ booth }: PropsType) => {
-
   const navigate = useNavigate();
-  const [isBookmarked, setIsBookmarked] = useState(false);
+
   const { storeId, name, departmentName, waitingCount } = booth;
 
+  const { createBookmarkMutate, deleteBookmarkMutate } = useBookmarkMutation(
+    {
+      withInvalidate: true,
+    },
+    Number(storeId)
+  );
+  const { isBookmarked } = useBookmarkState(Number(storeId));
+
+  const handleBookmarkButton = async () => {
+    try {
+      if (isBookmarked) {
+        await deleteBookmarkMutate.mutate();
+      } else {
+        await createBookmarkMutate.mutate();
+      }
+    } catch (error) {
+      console.log(error);
+    }
+  };
+
   return (
     <motion.div
       initial={{ opacity: 0, y: 100 }}
-      animate={{ opacity: 1,y: 0 }}
-      exit={{ opacity: 0,y: 100 }}
+      animate={{ opacity: 1, y: 0 }}
+      exit={{ opacity: 0, y: 100 }}
       transition={{ duration: 0.3, ease: "easeInOut" }}
       className="fixed bottom-[30px] left-1/2 -translate-x-1/2 w-[calc(100%-32px)] bg-white rounded-[20px] z-30"
     >
@@ -32,10 +51,7 @@ const BoothDetail = ({ booth }: PropsType) => {
             </h1>
             <h2 className="text-16-regular">{departmentName}</h2>
           </div>
-          <button
-            className="mr-[5px]"
-            onClick={() => setIsBookmarked(!isBookmarked)}
-          >
+          <button className="mr-[5px]" onClick={handleBookmarkButton}>
             <BookmarkIcon isBookmarked={isBookmarked} />
           </button>
         </div>
diff --git a/apps/nowait-user/src/pages/waiting/boothMap/components/BoothListItem.tsx b/apps/nowait-user/src/pages/waiting/boothMap/components/BoothListItem.tsx
index 9582908b..3512ed01 100644
--- a/apps/nowait-user/src/pages/waiting/boothMap/components/BoothListItem.tsx
+++ b/apps/nowait-user/src/pages/waiting/boothMap/components/BoothListItem.tsx
@@ -53,7 +53,7 @@ const BoothListItem = ({
           />
           {waitingCount !== 0 && (
             <p className="absolute top-[12px] right-[12px] text-primary bg-[#ffe9df] px-2 py-[7px] font-bold text-[12px] rounded-[6px]">
-              {waitingCount}
+              대기 {waitingCount}팀
             </p>
           )}
         </div>
diff --git a/apps/nowait-user/src/types/order/order.ts b/apps/nowait-user/src/types/order/order.ts
index ee84526f..ce8ecb3b 100644
--- a/apps/nowait-user/src/types/order/order.ts
+++ b/apps/nowait-user/src/types/order/order.ts
@@ -46,7 +46,7 @@ export interface StorePaymentsResponse {
   success: boolean;
   response: {
     paymentMethodId: number;
-    storeId: string;
+    storeId: number;
     tossUrl?: string;
     kakaoPayUrl?: string;
     naverPayUrl?: string;
diff --git a/packages/tailwind-config/shared-styles.css b/packages/tailwind-config/shared-styles.css
index 7fe1c3cc..10704422 100644
--- a/packages/tailwind-config/shared-styles.css
+++ b/packages/tailwind-config/shared-styles.css
@@ -139,7 +139,7 @@ pre {
   .text-headline-24-bold {
     font-size: 24px;
     line-height: 136%;
-    letter-spacing: -0.01em;
+    letter-spacing: 0;
     font-weight: 700;
   }