diff --git a/src/components/BottomSheet.vue b/src/components/BottomSheet.vue
index d6bf889..20e83ba 100644
--- a/src/components/BottomSheet.vue
+++ b/src/components/BottomSheet.vue
@@ -48,6 +48,7 @@ export default {
       mc: null,
       y: 0,
       startY: 0,
+      startYCoord: 0,
       isMove: false,
       state: this.defaultState,
       rect: {},
@@ -65,14 +66,20 @@ export default {
     const self = this;
 
     this.mc.on("panup pandown", (evt) => {
-      self.y = evt.center.y - 16;
+      self.y = self.startYCoord - (self.startY - evt.center.y);
     });
 
     this.mc.on("panstart", (evt) => {
       self.startY = evt.center.y;
+      self.startYCoord = this.calcY();
       self.isMove = true;
     });
 
+    this.mc.on("pancancel", (ignoredEvt) => {
+      self.y = self.startYCoord;
+      self.isMove = false;
+    });
+
     this.mc.on("panend", (evt) => {
       self.isMove = false;