Fix: home QA

src/components/Home/Onboarding/Onboarding.module.scss

@@ -39,7 +39,7 @@
   @include typography(headline);
   .modal {
     position: absolute;
-    top: 50%;
+    top: 45%;
     left: 50%;
 
     width: 31.1rem;

src/components/Home/TabBar/TabBar.module.scss

@@ -12,7 +12,7 @@
 
   background-color: $neutral0;
 
-  z-index: 10;
+  z-index: 1000;
 
   .icons {
     display: flex;

src/components/Home/TabBar/TabBar.tsx

@@ -1,11 +1,12 @@
 import {AiOutlineBell} from 'react-icons/ai';
-import {IoSearchSharp} from 'react-icons/io5';
 import {Link} from 'react-router-dom';
 
 import styles from './TabBar.module.scss';
 
 import {useGetAlarm} from '@/hooks/Notification/useNotification';
 
+import SearchIcon from '@/assets/homeIcons/home/searchIcon.svg?react';
+
 import {Alarmprop} from '@/types/alarm';
 
 function TabBar({onAlarmOpen, isAlarmOpen}: Alarmprop) {
@@ -20,7 +21,7 @@ function TabBar({onAlarmOpen, isAlarmOpen}: Alarmprop) {
     <div className={styles.container}>
       <div className={styles.icons}>
         <Link to='/search'>
-          <IoSearchSharp />
+          <SearchIcon style={{textAlign: 'center', paddingTop: '2px', width: '24px'}} />
         </Link>
         <button onClick={onAlarmOpen} className={styles.icons__wrapper}>
           <AiOutlineBell />

src/components/Home/VoteAtHome/VoteCard/CardHaveVote/CardHaveVote.tsx

@@ -19,6 +19,7 @@ interface PropsType {
 function CardHaveVote({data}: PropsType) {
   const [slideLocation, setSlideLocation] = useState<number>(0);
   const [componentRef, size] = useComponentSize();
+  const counts = data.voteResponse.length;
   return (
     <div className={styles.container}>
       <SlideButton
@@ -45,7 +46,7 @@ function CardHaveVote({data}: PropsType) {
               : '날짜 미정';
 
             return (
-              <div className={styles.vote_box} key={data.voteId}>
+              <div className={styles.vote_box} key={data.voteId} style={{width: counts === 1 ? '100%' : '30.8rem'}}>
                 <div className={styles.contents}>
                   <div className={styles.text_box}>
                     <p className={styles.vote_title}>

src/components/SearchFromHome/MapHeader/MapHeader.module.scss

@@ -14,5 +14,5 @@
 
   color: $neutral900;
 
-  @include typography(button);
+  @include typography(subTitle);
 }

src/components/SearchFromHome/SearchHome/HotItems/HotItems.module.scss

@@ -1,9 +1,10 @@
-@use "@/sass" as *;
+@use '@/sass' as *;
 
 .container {
   @include slide_button_container;
 
   .slide_box {
+    padding: 0 20px;
     @include slide_list_container;
     gap: 8px;
   }

src/components/SearchFromHome/SearchList/Map/MapItems/MapItems.module.scss

@@ -9,6 +9,7 @@
     }
   }
   .slide_box {
+    padding: 0 20px;
     @include slide_list_container;
     gap: 8px;
   }

src/components/WishItem/WishesHeader/WishesHeader.module.scss

@@ -1,7 +1,6 @@
 @use '@/sass' as *;
 
 .container {
-  width: 14rem;
   min-height: 5.6rem;
 
   display: flex;
@@ -14,5 +13,5 @@
 
   color: $neutral900;
 
-  @include typography(button);
+  @include typography(subTitle);
 }