diff --git a/web/components/message-result.css b/web/components/message-result.css
--- a/web/components/message-result.css
+++ b/web/components/message-result.css
@@ -1,7 +1,6 @@
 .messageContainer {
   border: 1px solid var(--pin-message-modal-border-color);
   border-radius: 7px;
-  margin: 0 32px 16px 32px;
 }
 
 .messageContainerOverflow {
diff --git a/web/modals/chat/message-results-modal.css b/web/modals/chat/message-results-modal.css
--- a/web/modals/chat/message-results-modal.css
+++ b/web/modals/chat/message-results-modal.css
@@ -9,7 +9,11 @@
 
 .messageResultsContainer {
   overflow-y: scroll;
-  padding-bottom: 8px;
+  padding: 0 32px 8px 32px;
+}
+
+.messageResultsContainer > * {
+  margin-bottom: 16px;
 }
 
 .loadingIndicator {
diff --git a/web/modals/chat/toggle-pin-modal.css b/web/modals/chat/toggle-pin-modal.css
--- a/web/modals/chat/toggle-pin-modal.css
+++ b/web/modals/chat/toggle-pin-modal.css
@@ -28,3 +28,7 @@
   cursor: pointer;
   text-decoration: underline;
 }
+
+.messageContainer {
+  margin: 24px;
+}
diff --git a/web/modals/chat/toggle-pin-modal.react.js b/web/modals/chat/toggle-pin-modal.react.js
--- a/web/modals/chat/toggle-pin-modal.react.js
+++ b/web/modals/chat/toggle-pin-modal.react.js
@@ -102,11 +102,13 @@
   return (
     <Modal name={modalInfo.name} onClose={popModal} size="large">
       <div className={css.confirmationText}>{modalInfo.confirmationText}</div>
-      <MessageResult
-        item={modifiedItem}
-        threadInfo={threadInfo}
-        scrollable={true}
-      />
+      <div className={css.messageContainer}>
+        <MessageResult
+          item={modifiedItem}
+          threadInfo={threadInfo}
+          scrollable={true}
+        />
+      </div>
       <div className={css.buttonContainer}>
         <Button
           variant="filled"