diff --git a/src/webpage/direct.ts b/src/webpage/direct.ts
index 6ab38a8..cfdc3db 100644
--- a/src/webpage/direct.ts
+++ b/src/webpage/direct.ts
@@ -492,7 +492,15 @@ class Group extends Channel {
 		);
 
 		this.groupcontextmenu.addSeperator(undefined, "dm");
-
+		this.groupcontextmenu.addButton(
+			I18n.DMs.copyURL(),
+			function (this: Group) {
+				navigator.clipboard.writeText(`${location.origin}/channels/@me/${this.id}`);
+			},
+			{
+				group: "id",
+			},
+		);
 		this.groupcontextmenu.addButton(
 			() => I18n.DMs.copyId(),
 			function (this: Group) {
diff --git a/src/webpage/style.css b/src/webpage/style.css
index 8c0b6f3..381ccaa 100644
--- a/src/webpage/style.css
+++ b/src/webpage/style.css
@@ -2487,13 +2487,14 @@ span.instanceStatus {
 	border-radius: 8px;
 	overflow: hidden;
 	height: 192px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
 	.unknownfile {
 		width: 100%;
 		height: 100%;
 		display: flex;
 		flex-direction: column;
-		align-items: center;
-		justify-content: center;
 	}
 }
 .messageimgdiv {
@@ -2561,6 +2562,7 @@ span.instanceStatus {
 	flex-shrink: 1;
 	text-wrap: auto;
 	overflow-y: auto;
+	word-break: break-all;
 	margin-right: 0.03in;
 	padding: 10px 0;
 }
diff --git a/translations/en.json b/translations/en.json
index 0da766a..11b7273 100644
--- a/translations/en.json
+++ b/translations/en.json
@@ -39,6 +39,7 @@
 	"DMs": {
 		"add": "Add someone to this DM",
 		"close": "Close DM",
+		"copyURL":"Copy DM URL",
 		"copyId": "Copy DM id",
 		"markRead": "Mark as read",
 		"name": "Direct Messages"