diff --git a/app/components/common/NavigateHeader.tsx b/app/components/common/NavigateHeader.tsx
index a9f70db..92769d3 100644
--- a/app/components/common/NavigateHeader.tsx
+++ b/app/components/common/NavigateHeader.tsx
@@ -41,7 +41,9 @@ export default function NavigationHeader({
       </button>
 
       <div className="flex-1 text-center">
-        <div className={`text-title1 text-semiblod ${titleClassName ?? ""}`}>
+        <div
+          className={`text-title1 font-semibold text-black ${titleClassName ?? ""}`}
+        >
           {title}
         </div>
       </div>
diff --git a/app/globals.css b/app/globals.css
index 26a2cab..4c95ddf 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -265,14 +265,14 @@
     display: flex;
     align-items: center;
     padding: 10px 16px;
+    box-sizing: border-box;
     width: 100%;
     background: #ffffff;
   }
-
   @media (display-mode: standalone) {
     .nav-header {
-      padding-top: calc(10px + env(safe-area-inset-top));
       height: calc(60px + env(safe-area-inset-top));
+      padding-top: calc(10px + env(safe-area-inset-top));
     }
   }
 
diff --git a/app/routes/mypage/components/profileCard/TraitModal.tsx b/app/routes/mypage/components/profileCard/TraitModal.tsx
index 7517cf1..61a70ea 100644
--- a/app/routes/mypage/components/profileCard/TraitModal.tsx
+++ b/app/routes/mypage/components/profileCard/TraitModal.tsx
@@ -16,12 +16,12 @@ export default function TraitModal({
 
   return (
     <div
-      className="fixed inset-0 z-50 bg-black/40 flex items-center justify-center px-4 py-5"
+      className="fixed inset-0 z-50 bg-black/40 flex items-center justify-center px-5 py-5"
       onClick={onClose}
     >
       <div
         className={[
-          "w-full max-w-[336px]",
+          "w-full",
           "bg-[#F3F4F8] rounded-[13px]",
           "relative",
         ].join(" ")}