diff --git a/src/components/Common/TopBar/TopBar.stories.tsx b/src/components/Common/TopBar/TopBar.stories.tsx
index d50dc95..c8efa9c 100644
--- a/src/components/Common/TopBar/TopBar.stories.tsx
+++ b/src/components/Common/TopBar/TopBar.stories.tsx
@@ -23,9 +23,6 @@ type Story = StoryObj<typeof TopBar>;
 
 export const Default: Story = {
     args: {
-        handleBackClick: () => {
-            alert('back');
-        },
         handleSuccesClick: () => {
             alert('go');
         }
diff --git a/src/components/CreateMapLetter/CreateMapLetterCotainer/CreateMapLetterCotainer.tsx b/src/components/CreateMapLetter/CreateMapLetterCotainer/CreateMapLetterCotainer.tsx
index 5f9d2d5..7ff39e4 100644
--- a/src/components/CreateMapLetter/CreateMapLetterCotainer/CreateMapLetterCotainer.tsx
+++ b/src/components/CreateMapLetter/CreateMapLetterCotainer/CreateMapLetterCotainer.tsx
@@ -78,9 +78,6 @@ const CreateMapLetterCotainer = () => {
     return (
         <>
             <TopBar
-                handleBackClick={() => {
-                    navigate(-1);
-                }}
                 handleSuccesClick={async () => {
                     if (
                         !title.trim() ||
@@ -137,7 +134,6 @@ const CreateMapLetterCotainer = () => {
                             <TextArea
                                 value={letterContent}
                                 setValue={setLetterContent}
-                                font={font}
                             />
                         </div>
 
diff --git a/src/hooks/useNearbyLetters.ts b/src/hooks/useNearbyLetters.ts
index faafdbe..28d8abb 100644
--- a/src/hooks/useNearbyLetters.ts
+++ b/src/hooks/useNearbyLetters.ts
@@ -3,7 +3,7 @@ import { getNearbyLetters } from '@/service/MapLetter/getNearbyLetters';
 import { NearbyLettersResponseType } from '@/types/letter';
 
 export const useNearbyLetters = (
-    currentLocation: { longitude: string; latitude: string } | null
+    currentLocation: { longitude: number; latitude: number } | null
 ) => {
     const query = useQuery({
         queryKey: [
diff --git a/src/pages/Letter/SelectItem/SelectItemPage.tsx b/src/pages/Letter/SelectItem/SelectItemPage.tsx
index 48764ec..ba9d906 100644
--- a/src/pages/Letter/SelectItem/SelectItemPage.tsx
+++ b/src/pages/Letter/SelectItem/SelectItemPage.tsx
@@ -2,10 +2,8 @@ import { TopBar } from '@/components/Common/TopBar/TopBar';
 import { AnimationBottle } from '@/components/SelectItemPage/AnimationBottle/AnimationBottle';
 import { SelectItem } from '@/components/SelectItemPage/SelectItem/SelectItem';
 import React, { useCallback, useState } from 'react';
-import { useNavigate } from 'react-router-dom';
 
 const SelectItemPage = () => {
-    const navigate = useNavigate();
     const [isActive, setIsActive] = useState(false);
 
     const handleIsActive = useCallback((value: boolean) => {
@@ -14,11 +12,7 @@ const SelectItemPage = () => {
 
     return (
         <>
-            <TopBar
-                handleBackClick={() => {
-                    navigate(-1);
-                }}
-            />
+            <TopBar />
 
             <h2
                 className={`text-2xl text-center mt-[25%] transition-opacity duration-1000 ${
diff --git a/src/pages/Map/Select/MapSelectItemPage.tsx b/src/pages/Map/Select/MapSelectItemPage.tsx
index a02ae1b..4c9cfe9 100644
--- a/src/pages/Map/Select/MapSelectItemPage.tsx
+++ b/src/pages/Map/Select/MapSelectItemPage.tsx
@@ -1,10 +1,8 @@
 import { Margin } from '@/components/Common/Margin/Margin';
 import { SliderMenuContainer } from '@/components/Common/SliderMenuContainer/SliderMenuContainer';
-import { TopBar } from '@/components/Common/TopBar/TopBar';
 import { AnimationBottle } from '@/components/SelectItemPage/AnimationBottle/AnimationBottle';
 import { CreateButton } from '@/components/SelectItemPage/CreateButton/CreateButton';
 import React, { useEffect, useState } from 'react';
-import { useNavigate } from 'react-router-dom';
 import { LabelProps } from '@/types/label';
 import { LabelList } from '@/components/SelectItemPage/LabelList/LabelList';
 import { useCreateMapLetter } from '@/hooks/useCreateMapLetter';
@@ -21,8 +19,6 @@ const testLable: LabelProps[] = [
 ];
 
 export const MapSelectItemPage = () => {
-    const navigate = useNavigate();
-
     // 로컬스토리지에서 데이터 가져오기
     const { storedValue: title } = useLocalStorage('maptitle', '');
     const { storedValue: content } = useLocalStorage('mapcontent', '');
@@ -88,12 +84,6 @@ export const MapSelectItemPage = () => {
 
     return (
         <div className="">
-            <TopBar
-                handleBackClick={() => {
-                    navigate(-1);
-                }}
-            />
-
             <h2
                 className={`text-2xl text-center mt-[25%] transition-opacity duration-1000 ${
                     isActive === true ? 'opacity-100' : 'opacity-0'