diff --git a/packages/app/src/Element/Embed/HyperText.tsx b/packages/app/src/Element/Embed/HyperText.tsx
index bbe4a67b..a79afe33 100644
--- a/packages/app/src/Element/Embed/HyperText.tsx
+++ b/packages/app/src/Element/Embed/HyperText.tsx
@@ -46,7 +46,7 @@ export default function HyperText({ link, depth, showLinkPreview, children }: Hy
     if (youtubeId) {
       return (
         <iframe
-          className="w-max"
+          className="-mx-4 md:mx-0 w-max"
           src={`https://www.youtube.com/embed/${youtubeId}`}
           title="YouTube video player"
           key={youtubeId}
diff --git a/packages/app/src/Element/Text.css b/packages/app/src/Element/Text.css
index 662dd225..4b19a91e 100644
--- a/packages/app/src/Element/Text.css
+++ b/packages/app/src/Element/Text.css
@@ -48,6 +48,10 @@
   margin: 0;
 }
 
+.gallery-item div {
+  height: 100%;
+}
+
 .gallery-item img {
   object-fit: cover;
   width: 100%;