diff --git a/src/components/molecules/Markdown.svelte b/src/components/molecules/Markdown.svelte
index 39a765a..2c34240 100644
--- a/src/components/molecules/Markdown.svelte
+++ b/src/components/molecules/Markdown.svelte
@@ -107,12 +107,18 @@
 </div>
 
 <style lang="scss">
+  @import "$lib/styles/mixins.scss";
+
   @layer component {
     .markdown {
       hyphens: auto;
       text-align: justify;
       cursor: text;
       font-size: 15pt;
+
+      @include portrait {
+        font-size: 13pt;
+      }
     }
 
     :global(.heading) {