diff --git a/app/components/NavigationBar.tsx b/app/components/NavigationBar.tsx
index eaf03e9..caa5907 100644
--- a/app/components/NavigationBar.tsx
+++ b/app/components/NavigationBar.tsx
@@ -53,7 +53,7 @@ export default function NavigationBar({ activeTab = "홈", onTabChange, showToas
   };
 
   return (
-    <div className="fixed bottom-0 left-0 right-0 bg-white border-t border-gray-200 py-2 z-50">
+    <div className="fixed bottom-0 left-1/2 transform -translate-x-1/2 w-full max-w-md bg-white border-t border-gray-200 py-2 z-50">
       <div className="flex justify-around items-center w-full max-w-sm mx-auto">
         {tabs.map((tab) => (
           <button
diff --git a/app/components/ParentNavigationBar.tsx b/app/components/ParentNavigationBar.tsx
index 0e5a6d1..736edf8 100644
--- a/app/components/ParentNavigationBar.tsx
+++ b/app/components/ParentNavigationBar.tsx
@@ -40,7 +40,7 @@ export default function ParentNavigationBar({ activeTab = "감정비교", onTabC
   };
 
   return (
-    <div className="w-full bg-white py-3 mt-auto">
+    <div className="w-full max-w-md mx-auto bg-white py-3 mt-auto">
       <div className="flex justify-around items-center w-full max-w-sm mx-auto">
         {tabs.map((tab) => (
           <button