src/components/MarkdownFile.vue

@@ -123,7 +123,7 @@ onBeforeUpdate(() => {
 
 <template>
   <article>
-    <div v-html="htmlContent"></div>
+    <div v-html="htmlContent" class="markdown"></div>
     <slot></slot>
   </article>
 </template>

src/styles/components/_tables.scss

@@ -4,8 +4,10 @@
 
 table {
   border-collapse: collapse;
+  &:not(:last-child) {
     margin-bottom: 1.5rem;
   }
+}
 
 th, td {
   border:1px solid rgba(0,0,0,0.2);

src/styles/custom/_article.scss

@@ -1,30 +1,9 @@
-/* Style the tab */
-.tab {
-    overflow: hidden;
-    border: 1px solid #ccc;
-    background-color: #f1f1f1;
+.markdown:not(:last-child) {
+    padding-bottom: 1.5rem;
 }
 
-/* Style the buttons that are used to open the tab content */
-.tab button {
-    background-color: inherit;
-    float: left;
-    border: none;
-    outline: none;
-    cursor: pointer;
-    padding: 14px 16px;
-    transition: 0.3s;
-}
-
-/* Change background color of buttons on hover */
-.tab button:hover {
-    background-color: #ddd;
-}
-
-/* Create an active/current tablink class */
-.tab button.active {
-    color: #FFF;
-    background-color: #42B983;
+article {
+    padding-bottom:1.5rem;
 }
 
 article .table-auto table {