From 9a6528484b62dd361a558b41b604866df1b68fe8 Mon Sep 17 00:00:00 2001
From: "focp212@naver.com" <focp212@naver.com>
Date: Wed, 12 Nov 2025 14:54:22 +0900
Subject: [PATCH] =?UTF-8?q?warning=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/entities/common/ui/sort-type-box.tsx | 27 ++++++++++++------------
 1 file changed, 13 insertions(+), 14 deletions(-)

diff --git a/src/entities/common/ui/sort-type-box.tsx b/src/entities/common/ui/sort-type-box.tsx
index 741f50a..94fd25e 100644
--- a/src/entities/common/ui/sort-type-box.tsx
+++ b/src/entities/common/ui/sort-type-box.tsx
@@ -19,20 +19,19 @@ export const SortTypeBox = ({
     <>
       <div className="sort-options">
         { options.map((value: Record<string, any>, index: number) => (
-          <>
-          { (index > 0) && 
-            <span 
-              key={ value.key + '-divider' } 
-              className="sort-divider"
-            >|</span>
-          }
-            <span key={ value.key }>
-              <button
-                className={ `sort-btn ${(sortType === value.key)? 'active': ''}` }
-                onClick={ () => onClickToSort(value.key) }
-              >{ value.label }</button>
-            </span>
-          </>
+          <div key={ value.key }>
+            <button
+              className={ `sort-btn ${(sortType === value.key)? 'active': ''}` }
+              onClick={ () => onClickToSort(value.key) }
+            >{ value.label }</button>
+            { (index < options.length - 1) &&
+              <span 
+                key={ value.key + '-divider' } 
+                className="sort-divider"
+                style={{ marginLeft: '10px'}}
+              >|</span>
+            }
+          </div>
         ))}
       </div>
     </>