From 43632ae3a84b842b01b5f380e1274ac8d3fc1b86 Mon Sep 17 00:00:00 2001
From: JSH99 <tjgus9966@naver.com>
Date: Thu, 18 Jan 2024 23:39:06 +0900
Subject: [PATCH] Fix: fix conflicted style

---
 .../SelectHeader/SelectHeader.module.scss        |  6 +++---
 .../TripSpace/SelectHeader/SelectHeader.tsx      | 16 ++++++++--------
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/components/TripSpace/SelectHeader/SelectHeader.module.scss b/src/components/TripSpace/SelectHeader/SelectHeader.module.scss
index 3d6b4088..34258a78 100644
--- a/src/components/TripSpace/SelectHeader/SelectHeader.module.scss
+++ b/src/components/TripSpace/SelectHeader/SelectHeader.module.scss
@@ -1,4 +1,4 @@
-@use "@/sass" as *;
+@use '@/sass' as *;
 
 .titleHeader {
   background-color: $neutral0;
@@ -8,11 +8,11 @@
   top: 0;
   z-index: 2;
 
-  nav {
+  .titleNavigation {
     padding: 16px 20px;
   }
 
-  h1 {
+  .selectTitle {
     @include typography(headline);
     padding: 8px 20px;
   }
diff --git a/src/components/TripSpace/SelectHeader/SelectHeader.tsx b/src/components/TripSpace/SelectHeader/SelectHeader.tsx
index dcd6cecc..615eaf0f 100644
--- a/src/components/TripSpace/SelectHeader/SelectHeader.tsx
+++ b/src/components/TripSpace/SelectHeader/SelectHeader.tsx
@@ -1,22 +1,22 @@
-import { useNavigate } from "react-router-dom";
+import {useNavigate} from 'react-router-dom';
 
-import styles from "./SelectHeader.module.scss";
+import styles from './SelectHeader.module.scss';
 
-import BackIcon from "@/assets/back.svg?react";
+import BackIcon from '@/assets/back.svg?react';
 
-import { SelectHeaderProps } from "@/types/selectHeader";
+import {SelectHeaderProps} from '@/types/selectHeader';
 
-function SelectHeader({ title }: SelectHeaderProps) {
+function SelectHeader({title}: SelectHeaderProps) {
   const navigate = useNavigate();
 
   return (
     <header className={styles.titleHeader}>
-      <nav>
+      <div className={styles.titleNavigation}>
         <button onClick={() => navigate(-1)}>
           <BackIcon />
         </button>
-      </nav>
-      <h1>{title}</h1>
+      </div>
+      <h1 className={styles.selectTitle}>{title}</h1>
     </header>
   );
 }