[VT2-284] chore: 31차 배포

Author: yeji424

src/components/SearchBar/SearchBar.tsx

@@ -119,18 +119,18 @@ const SearchBar = ({ onSubmit, defaultValue = '', className }: SearchBarProps) =
                           )}
                           {item.trend === 'UP' && (
                             <div className="text-error flex items-center gap-1.5">
-                              <span className="inline-block w-3">
+                              <span>
                                 <TriangleIcon className="h-2 w-2" />
                               </span>
-                              <span>{item.rankGap}</span>
+                              <span className="inline-block w-3 text-end">{item.rankGap}</span>
                             </div>
                           )}
                           {item.trend === 'DOWN' && (
                             <div className="text-info flex items-center gap-1.5">
-                              <span className="inline-block w-3">
+                              <span>
                                 <TriangleIcon className="h-2 w-2 rotate-180" />
                               </span>
-                              <span>{item.rankGap}</span>
+                              <span className="inline-block w-3 text-end">{item.rankGap}</span>
                             </div>
                           )}
                           {item.trend === 'SAME' && <span className="font-black">−</span>}
@@ -162,18 +162,18 @@ const SearchBar = ({ onSubmit, defaultValue = '', className }: SearchBarProps) =
                           )}
                           {item.trend === 'UP' && (
                             <div className="text-error flex items-center gap-1.5">
-                              <span className="inline-block w-3">
+                              <span>
                                 <TriangleIcon className="h-2 w-2" />
                               </span>
-                              <span>{item.rankGap}</span>
+                              <span className="inline-block w-3 text-end">{item.rankGap}</span>
                             </div>
                           )}
                           {item.trend === 'DOWN' && (
                             <div className="text-info flex items-center gap-1.5">
-                              <span className="inline-block w-3">
+                              <span>
                                 <TriangleIcon className="h-2 w-2 rotate-180" />
                               </span>
-                              <span>{item.rankGap}</span>
+                              <span className="inline-block w-3 text-end">{item.rankGap}</span>
                             </div>
                           )}
                           {item.trend === 'SAME' && <span className="font-black">−</span>}

src/pages/ChangeDataPage/index.tsx

@@ -43,7 +43,12 @@ const ChangeDataPage = () => {
     onSuccess: () => {
       showToast?.({ type: 'success', msg: '데이터 전환이 완료되었습니다.' })
       setIsModalOpen(false)
-      navigate('/mypage/data-charge')
+
+      if (deviceType === 'mobile') {
+        navigate('/')
+      } else {
+        navigate('/mypage/data-charge')
+      }
     },
     onError: error => {
       showToast?.({