diff --git a/dist/index.js b/dist/index.js
index a05330b6..cb07e395 100644
--- a/dist/index.js
+++ b/dist/index.js
@@ -1211,7 +1211,6 @@
   function ObjectDetailModal(chat, messageObject, isPresented) {
     const editingTitle = new State(messageObject.title);
     const selectedMessageObjectIndex = new State(0);
-    selectedMessageObjectIndex.subscribe(console.log);
     const selectedMessageObject = createProxyState(
       [selectedMessageObjectIndex],
       () => chat.getObjectContentFromIndex(
@@ -1262,14 +1261,14 @@
         "bind:value": editingTitle,
         placeholder: translation.objectTitlePlaceholder
       }
-    ))), /* @__PURE__ */ createElement("hr", null), /* @__PURE__ */ createElement("label", { class: "tile" }, /* @__PURE__ */ createElement("span", { class: "icon" }, "history"), /* @__PURE__ */ createElement("div", null, /* @__PURE__ */ createElement("span", null, translation.objectVersion), /* @__PURE__ */ createElement("select", { "bind:value": selectedMessageObjectIndex }, ...messageObject.contentVersions.map((content, index) => /* @__PURE__ */ createElement("option", { value: index }, new Date(content.isoDateVersionCreated).toLocaleString()))), /* @__PURE__ */ createElement("span", { class: "icon" }, "arrow_drop_down"))), /* @__PURE__ */ createElement("label", { class: "tile" }, /* @__PURE__ */ createElement("span", { class: "icon" }, "sticky_note_2"), /* @__PURE__ */ createElement("div", null, /* @__PURE__ */ createElement("span", null, translation.noteContent), /* @__PURE__ */ createElement(
+    ))), /* @__PURE__ */ createElement("hr", null), /* @__PURE__ */ createElement("div", { class: "flex-column gap" }, /* @__PURE__ */ createElement("label", { class: "tile" }, /* @__PURE__ */ createElement("span", { class: "icon" }, "history"), /* @__PURE__ */ createElement("div", null, /* @__PURE__ */ createElement("span", null, translation.objectVersion), /* @__PURE__ */ createElement("select", { "bind:value": selectedMessageObjectIndex }, ...messageObject.contentVersions.map((content, index) => /* @__PURE__ */ createElement("option", { value: index }, new Date(content.isoDateVersionCreated).toLocaleString()))), /* @__PURE__ */ createElement("span", { class: "icon" }, "arrow_drop_down"))), /* @__PURE__ */ createElement("label", { class: "tile" }, /* @__PURE__ */ createElement("span", { class: "icon" }, "sticky_note_2"), /* @__PURE__ */ createElement("div", null, /* @__PURE__ */ createElement("span", null, translation.noteContent), /* @__PURE__ */ createElement(
       "textarea",
       {
         rows: "5",
         "bind:value": editingNoteContent,
         placeholder: translation.noteContentPlaceholder
       }
-    ))), /* @__PURE__ */ createElement("hr", null), /* @__PURE__ */ createElement("button", { class: "danger width-input", "on:click": deleteAndClose }, translation.deleteObject, /* @__PURE__ */ createElement("span", { class: "icon" }, "delete"))), /* @__PURE__ */ createElement("div", { class: "flex-row" }, /* @__PURE__ */ createElement("button", { class: "flex-1 width-100 danger", "on:click": closeModal }, translation.discard), /* @__PURE__ */ createElement("button", { class: "flex-1 width-100 primary", "on:click": saveAndClose }, translation.save, /* @__PURE__ */ createElement("span", { class: "icon" }, "save")))));
+    )))), /* @__PURE__ */ createElement("hr", null), /* @__PURE__ */ createElement("button", { class: "danger width-input", "on:click": deleteAndClose }, translation.deleteObject, /* @__PURE__ */ createElement("span", { class: "icon" }, "delete"))), /* @__PURE__ */ createElement("div", { class: "flex-row" }, /* @__PURE__ */ createElement("button", { class: "flex-1 width-100 danger", "on:click": closeModal }, translation.discard), /* @__PURE__ */ createElement("button", { class: "flex-1 width-100 primary", "on:click": saveAndClose }, translation.save, /* @__PURE__ */ createElement("span", { class: "icon" }, "save")))));
   }
 
   // src/Views/Objects/objectListEntry.tsx
diff --git a/src/Views/Objects/objectDetailModal.tsx b/src/Views/Objects/objectDetailModal.tsx
index 48d3cead..343a5e8d 100644
--- a/src/Views/Objects/objectDetailModal.tsx
+++ b/src/Views/Objects/objectDetailModal.tsx
@@ -93,32 +93,34 @@ export function ObjectDetailModal(
 
           <hr></hr>
 
-          <label class="tile">
-            <span class="icon">history</span>
-            <div>
-              <span>{translation.objectVersion}</span>
-              <select bind:value={selectedMessageObjectIndex}>
-                {...messageObject.contentVersions.map((content, index) => (
-                  <option value={index}>
-                    {new Date(content.isoDateVersionCreated).toLocaleString()}
-                  </option>
-                ))}
-              </select>
-              <span class="icon">arrow_drop_down</span>
-            </div>
-          </label>
+          <div class="flex-column gap">
+            <label class="tile">
+              <span class="icon">history</span>
+              <div>
+                <span>{translation.objectVersion}</span>
+                <select bind:value={selectedMessageObjectIndex}>
+                  {...messageObject.contentVersions.map((content, index) => (
+                    <option value={index}>
+                      {new Date(content.isoDateVersionCreated).toLocaleString()}
+                    </option>
+                  ))}
+                </select>
+                <span class="icon">arrow_drop_down</span>
+              </div>
+            </label>
 
-          <label class="tile">
-            <span class="icon">sticky_note_2</span>
-            <div>
-              <span>{translation.noteContent}</span>
-              <textarea
-                rows="5"
-                bind:value={editingNoteContent}
-                placeholder={translation.noteContentPlaceholder}
-              ></textarea>
-            </div>
-          </label>
+            <label class="tile">
+              <span class="icon">sticky_note_2</span>
+              <div>
+                <span>{translation.noteContent}</span>
+                <textarea
+                  rows="5"
+                  bind:value={editingNoteContent}
+                  placeholder={translation.noteContentPlaceholder}
+                ></textarea>
+              </div>
+            </label>
+          </div>
 
           <hr></hr>