diff --git a/src/components/common/draggable/WithDraggable.jsx b/src/components/common/draggable/WithDraggable.jsx
index 0e19704c..29952981 100644
--- a/src/components/common/draggable/WithDraggable.jsx
+++ b/src/components/common/draggable/WithDraggable.jsx
@@ -3,7 +3,7 @@
 import { useEffect, useState } from 'react'
 import Draggable from 'react-draggable'
 
-export default function WithDraggable({ isShow, children, pos }) {
+export default function WithDraggable({ isShow, children, pos, handle = '' }) {
   const [position, setPosition] = useState({ x: 0, y: 0 })
 
   const handleOnDrag = (e, data) => {
@@ -17,7 +17,11 @@ export default function WithDraggable({ isShow, children, pos }) {
   return (
     <>
       {isShow && (
-        <Draggable position={{ x: position.x, y: position.y }} onDrag={(e, data) => handleOnDrag(e, data)} handle=".modal-head">
+        <Draggable
+          position={{ x: position.x, y: position.y }}
+          onDrag={(e, data) => handleOnDrag(e, data)}
+          handle={handle === '' ? '.modal-head' : handle}
+        >
           {children}
         </Draggable>
       )}