diff --git a/src/webpage/message.ts b/src/webpage/message.ts
index 39a4a72..0cbaf00 100644
--- a/src/webpage/message.ts
+++ b/src/webpage/message.ts
@@ -498,16 +498,22 @@ class Message extends SnowFlake {
 			this,
 			undefined,
 			(x) => {
-				//console.log(x,y);
+				//console.log(x);
+				if (x < -20) {
+					obj.style.translate = x + 20 + "px 0px";
+				} else obj.style.translate = 0 + "px";
+
 				if (!drag && x < 20) {
 					return;
 				}
+
 				drag = true;
 				this.channel.moveForDrag(Math.max(x, 0));
 			},
 			(x, y) => {
 				drag = false;
 				console.log(x, y);
+				obj.style.translate = 0 + "px";
 				this.channel.moveForDrag(-1);
 				if (x > 60) {
 					console.log("In here?");
@@ -515,6 +521,9 @@ class Message extends SnowFlake {
 					toggle.checked = false;
 					console.log(toggle);
 				}
+				if (x < -40) {
+					this.channel.setReplying(this);
+				}
 			},
 		);
 		this.div = obj;