diff --git a/src/Const.js b/src/Const.js
index 13ba72ee..5859fda0 100644
--- a/src/Const.js
+++ b/src/Const.js
@@ -61,4 +61,4 @@ export const InvoiceRegex = /(lnbc\w+)/i;
 /**
  * YouTube URL regex
  */
-export const YoutubeUrlRegex = /^(?:https?:\/\/)?(?:www\.)?(?:youtu\.be\/|youtube\.com\/(?:embed\/|v\/|watch\?v=|watch\?.+&v=))((\w|-){11})(?:\S+)?$/
+export const YoutubeUrlRegex = /^(?:https?:\/\/)?(?:www|m\.)?(?:youtu\.be\/|youtube\.com\/(?:embed\/|v\/|watch\?v=|watch\?.+&v=))((\w|-){11})(?:\S+)?$/
diff --git a/src/Text.js b/src/Text.js
index 9dbf8f11..197ff7f6 100644
--- a/src/Text.js
+++ b/src/Text.js
@@ -35,6 +35,7 @@ function transformHttpLink(a) {
                 <>
                     <br />
                     <iframe
+                        className="w-max"
                         src={`https://www.youtube.com/embed/${youtubeId}`}
                         title="YouTube video player"
                         frameBorder="0"
diff --git a/src/element/Note.css b/src/element/Note.css
index a8f85450..c9549b45 100644
--- a/src/element/Note.css
+++ b/src/element/Note.css
@@ -32,12 +32,15 @@
 .note > .body img, .note > .body video, .note > .body iframe {
     max-width: 100%;
     max-height: 500px;
-    margin: 10px;
-    margin-left: auto;
-    margin-right: auto;
+    margin: 10px auto;
     display: block;
 }
 
+.note > .body iframe, note > .body video {
+    width: -webkit-fill-available;
+    aspect-ratio: 16 / 9;
+}
+
 .note > .header img:hover, .note > .header .name > .reply:hover, .note .body:hover {
     cursor: pointer;
 }