diff --git a/dist/index.js b/dist/index.js
index 245748fe..a4d222d8 100644
--- a/dist/index.js
+++ b/dist/index.js
@@ -415,7 +415,7 @@
     onmessage = async (data) => {
       if (!data.messageChannel) return;
       const channels = data.messageChannel.split("/");
-      if (!this.primaryChannel.value in channels) return;
+      if (this.primaryChannel.value in channels == false) return;
       if (data.subscribed != void 0) this.handleSubscription(data.subscribed);
       if (!data.messageBody) return;
       const { sender, body, channel, isoDate } = JSON.parse(data.messageBody);
@@ -839,13 +839,13 @@
           secondaryChannelConverter
         ]
       }
-    ), /* @__PURE__ */ createElement("hr", null), /* @__PURE__ */ createElement("label", { class: "tile" }, /* @__PURE__ */ createElement("span", { class: "icon" }, "key"), /* @__PURE__ */ createElement("div", null, /* @__PURE__ */ createElement("span", null, translation.encryptionKey), /* @__PURE__ */ createElement(
+    ), /* @__PURE__ */ createElement("hr", null), /* @__PURE__ */ createElement("div", null, /* @__PURE__ */ createElement("label", { class: "tile" }, /* @__PURE__ */ createElement("span", { class: "icon" }, "key"), /* @__PURE__ */ createElement("div", null, /* @__PURE__ */ createElement("span", null, translation.encryptionKey), /* @__PURE__ */ createElement(
       "input",
       {
         placeholder: translation.encryptionKeyPlaceholder,
         "bind:value": chat.encryptionKey
       }
-    ))), /* @__PURE__ */ createElement("hr", null), /* @__PURE__ */ createElement("div", { class: "flex-column gap" }, /* @__PURE__ */ createElement("button", { class: "danger", "on:click": chat.clearMessages }, translation.clearChatMessages, /* @__PURE__ */ createElement("span", { class: "icon" }, "delete_sweep")), /* @__PURE__ */ createElement("button", { class: "danger", "on:click": deleteChat }, translation.removeChat, /* @__PURE__ */ createElement("span", { class: "icon" }, "delete")))), /* @__PURE__ */ createElement("button", { "on:click": closeModal }, translation.close, /* @__PURE__ */ createElement("span", { class: "icon" }, "close"))));
+    )))), /* @__PURE__ */ createElement("hr", null), /* @__PURE__ */ createElement("div", { class: "flex-column gap" }, /* @__PURE__ */ createElement("button", { class: "danger", "on:click": chat.clearMessages }, translation.clearChatMessages, /* @__PURE__ */ createElement("span", { class: "icon" }, "delete_sweep")), /* @__PURE__ */ createElement("button", { class: "danger", "on:click": deleteChat }, translation.removeChat, /* @__PURE__ */ createElement("span", { class: "icon" }, "delete")))), /* @__PURE__ */ createElement("button", { "on:click": closeModal }, translation.close, /* @__PURE__ */ createElement("span", { class: "icon" }, "close"))));
   }
 
   // src/Views/messageComposer.tsx
diff --git a/src/Views/chatOptionModal.tsx b/src/Views/chatOptionModal.tsx
index 1b7f2a55..b7e9a44a 100644
--- a/src/Views/chatOptionModal.tsx
+++ b/src/Views/chatOptionModal.tsx
@@ -103,16 +103,18 @@ export function ChatOptionModal(chat: Chat, isPresented: React.State<boolean>) {
 
           <hr></hr>
 
-          <label class="tile">
-            <span class="icon">key</span>
-            <div>
-              <span>{translation.encryptionKey}</span>
-              <input
-                placeholder={translation.encryptionKeyPlaceholder}
-                bind:value={chat.encryptionKey}
-              ></input>
-            </div>
-          </label>
+          <div>
+            <label class="tile">
+              <span class="icon">key</span>
+              <div>
+                <span>{translation.encryptionKey}</span>
+                <input
+                  placeholder={translation.encryptionKeyPlaceholder}
+                  bind:value={chat.encryptionKey}
+                ></input>
+              </div>
+            </label>
+          </div>
 
           <hr></hr>