diff --git a/src/js/Helpers.tsx b/src/js/Helpers.tsx
index 739f82b37..492b97a50 100644
--- a/src/js/Helpers.tsx
+++ b/src/js/Helpers.tsx
@@ -171,7 +171,7 @@ export default {
       replacedText = reactStringReplace(replacedText, videoRegex, (match, i) => {
         return (
           <video
-            className="rounded max-h-[70vh] md:max-h-96 max-w-full"
+            className="py-2 rounded max-h-[70vh] md:max-h-96 max-w-full"
             key={match + i}
             src={match}
             poster={`https://imgproxy.iris.to/thumbnail/428/${match}`}
@@ -509,7 +509,7 @@ export default {
       replacedText = reactStringReplace(replacedText, imgRegex, (match, i) => {
         return (
           <SafeImg
-            className="md:rounded max-h-[70vh] md:max-h-96 max-w-full cursor-pointer"
+            className="py-2 md:rounded max-h-[70vh] md:max-h-96 max-w-full cursor-pointer"
             onClick={opts.onImageClick}
             src={match}
             key={match + i}
@@ -665,6 +665,8 @@ export default {
       );
     });
 
+    s = s.map((x) => (typeof x === 'string' ? x.trim() : x));
+
     return s;
   },
 
diff --git a/src/js/components/Dropdown.tsx b/src/js/components/Dropdown.tsx
index d5af1001a..83b8b2c01 100644
--- a/src/js/components/Dropdown.tsx
+++ b/src/js/components/Dropdown.tsx
@@ -5,6 +5,7 @@ import Show from './helpers/Show';
 
 type Props = {
   children: JSX.Element | JSX.Element[];
+  small?: boolean;
 };
 
 const Dropdown = ({ children, small }: Props) => {
diff --git a/src/js/components/events/ReactionsList.tsx b/src/js/components/events/ReactionsList.tsx
index b7bc8ffe6..a82459a09 100644
--- a/src/js/components/events/ReactionsList.tsx
+++ b/src/js/components/events/ReactionsList.tsx
@@ -85,7 +85,7 @@ const ReactionsList = ({ event }) => {
 
   return (
     <>
-      <hr className="-mx-2 opacity-10 mt-4" />
+      <hr className="-mx-2 opacity-10 mt-2" />
       {modalReactions.length > 0 && (
         <Modal showContainer={true} onClose={() => setModalReactions([])}>
           <div className="flex items-center justify-between mb-4">
diff --git a/src/js/components/events/note/Note.tsx b/src/js/components/events/note/Note.tsx
index f27e0dc1b..9306edc02 100644
--- a/src/js/components/events/note/Note.tsx
+++ b/src/js/components/events/note/Note.tsx
@@ -54,7 +54,7 @@ const Note = ({
     }
     if (isQuote) classNames.push('quote pb-2');
     if (isQuoting) classNames.push('quoting pt-0');
-    if (asInlineQuote) classNames.push('inline-quote border-2 border-neutral-900 rounded-lg');
+    if (asInlineQuote) classNames.push('inline-quote border-2 border-neutral-900 rounded-lg my-2');
     if (fullWidth) classNames.push('full-width');
 
     return classNames.join(' ');