diff --git a/src/styles/mdxEditor.scss b/src/styles/mdxEditor.scss
index e60850d..7ba06fc 100644
--- a/src/styles/mdxEditor.scss
+++ b/src/styles/mdxEditor.scss
@@ -99,41 +99,47 @@
   padding-top: 10px;
   min-height: 75px;
 }
-.viewer table {
-  table-layout: fixed;
-  width: 100%;
-  border-spacing: 0;
-  border-collapse: collapse;
-
-  & > tbody > tr > td,
-  & > thead > tr > th {
-    border: 1px solid #e0e1e6;
-    padding: 0.25rem 0.5rem;
-    white-space: normal;
-
-    & > div {
-      outline: none;
-
-      & > p {
-        margin: 0;
-      }
-    }
+.viewer {
+  img {
+    max-width: 100%;
+    height: auto;
+  }
+  table {
+    table-layout: fixed;
+    width: 100%;
+    border-spacing: 0;
+    border-collapse: collapse;
 
     & > tbody > tr > td,
     & > thead > tr > th {
-      [align='left'] {
-        text-align: left;
-      }
-      [align='center'] {
-        text-align: center;
-      }
-      [align='right'] {
-        text-align: right;
-      }
-    }
+      border: 1px solid #e0e1e6;
+      padding: 0.25rem 0.5rem;
+      white-space: normal;
 
-    &:empty::before {
-      content: '\00A0';
+      & > div {
+        outline: none;
+
+        & > p {
+          margin: 0;
+        }
+      }
+
+      & > tbody > tr > td,
+      & > thead > tr > th {
+        [align='left'] {
+          text-align: left;
+        }
+        [align='center'] {
+          text-align: center;
+        }
+        [align='right'] {
+          text-align: right;
+        }
+      }
+
+      &:empty::before {
+        content: '\00A0';
+      }
     }
   }
 }