diff --git a/src/app/service/custom-markdown/custom-markdown.service.ts b/src/app/service/custom-markdown/custom-markdown.service.ts
index bd4b7cd1f40283366310716a65fc28a93c2e36f8..6ea1b8c641bf166984f3182f06b03605b7e43e9d 100644
--- a/src/app/service/custom-markdown/custom-markdown.service.ts
+++ b/src/app/service/custom-markdown/custom-markdown.service.ts
@@ -36,7 +36,7 @@ export class CustomMarkdownService {
   }
 
   private postMarkdownRenderer(value: string): string {
-    const iframeOptions = `frameborder="0" gesture="media" width="100%" webkitallowfullscreen mozallowfullscreen allowfullscreen`;
+    const iframeOptions = `frameborder="0" gesture="media" webkitallowfullscreen mozallowfullscreen allowfullscreen`;
 
     const youtubeMatch = value.match(/<a href=".*(youtube|youtu).*">.*<\/a>/g);
     if (youtubeMatch) {
@@ -75,7 +75,7 @@ export class CustomMarkdownService {
         const anchorNode = document.createElement<'a'>('a');
         anchorNode.href = imgNode.src;
         anchorNode.target = null;
-        anchorNode.classList.add(...['highslide', 'd-flex', 'd-sm-block', 'justify-content-center']);
+        anchorNode.classList.add(...['highslide']);
         anchorNode.setAttribute('onclick', 'return hs.expand(this);');
         anchorNode.appendChild(imgNode);
 
diff --git a/src/styles/_custom.scss b/src/styles/_custom.scss
index 003d3193e41ee056c01ab7a85e0104c54df2aafd..8416a6568a77a0499ffd82068023b3e18783b2bb 100644
--- a/src/styles/_custom.scss
+++ b/src/styles/_custom.scss
@@ -22,8 +22,9 @@ body {
 
 .thumbnail {
   max-width: 100%;
-  max-height: 20rem;
+  max-height: 400px;
   height: auto;
+  width: auto;
 }
 
 #theme-wrapper {