diff --git a/client/components/build/Center/Center.module.scss b/client/components/build/Center/Center.module.scss
index fb89d56c..db0e887c 100644
--- a/client/components/build/Center/Center.module.scss
+++ b/client/components/build/Center/Center.module.scss
@@ -5,7 +5,7 @@
 }
 
 .wrapper {
-  @apply h-full w-full #{!important};
+  @apply h-full w-full overflow-visible #{!important};
 }
 
 .artboard {
diff --git a/client/styles/globals.scss b/client/styles/globals.scss
index eb344472..e9142f35 100644
--- a/client/styles/globals.scss
+++ b/client/styles/globals.scss
@@ -30,7 +30,7 @@
   }
 
   .markdown {
-    @apply prose prose-sm leading-normal prose-ul:p-0 prose-ul:my-0 prose-p:my-0;
+    @apply prose prose-sm leading-normal max-w-none prose-ul:p-0 prose-ul:my-0 prose-p:my-0;
 
     ul li {
       @apply ml-4 list-outside;
diff --git a/client/utils/styles.ts b/client/utils/styles.ts
index 0340674a..064e0e08 100644
--- a/client/utils/styles.ts
+++ b/client/utils/styles.ts
@@ -4,10 +4,10 @@ import { RgbColor } from 'react-colorful';
 import { hexColorPattern } from '@/config/colors';
 
 export const generateTypographyStyles = ({ family, size }: Typography): string => `
-  font-size: ${size.body}px;
-  font-family: ${family.body};
+  font-size: ${size.body}px !important;
+  font-family: ${family.body} !important;
 
-  svg { font-size: ${size.body}px; }
+  svg { font-size: ${size.body}px !important; }
 
   h1,
   h2,
@@ -15,25 +15,35 @@ export const generateTypographyStyles = ({ family, size }: Typography): string =
   h4,
   h5,
   h6 {
-    font-weight: bold;
-    font-family: ${family.heading};
+    font-weight: bold !important;
+    font-family: ${family.heading} !important;
   }
 
-  h1 { font-size: ${size.heading}px; line-height: ${size.heading}px; }
-  h2 { font-size: ${size.heading / 1.5}px; line-height: ${size.heading / 1.5}px; }
-  h3 { font-size: ${size.heading / 2}px; line-height: ${size.heading / 2}px; }
-  h4 { font-size: ${size.heading / 2.5}px; line-height: ${size.heading / 2.5}px; }
-  h5 { font-size: ${size.heading / 3}px; line-height: ${size.heading / 3}px; }
-  h6 { font-size: ${size.heading / 3.5}px; line-height: ${size.heading / 3.5}px; }
+  h1 { font-size: ${size.heading}px !important; line-height: ${size.heading}px !important; }
+  h2 { font-size: ${size.heading / 1.5}px !important; line-height: ${size.heading / 1.5}px !important; }
+  h3 { font-size: ${size.heading / 2}px !important; line-height: ${size.heading / 2}px !important; }
+  h4 { font-size: ${size.heading / 2.5}px !important; line-height: ${size.heading / 2.5}px !important; }
+  h5 { font-size: ${size.heading / 3}px !important; line-height: ${size.heading / 3}px !important; }
+  h6 { font-size: ${size.heading / 3.5}px !important; line-height: ${size.heading / 3.5}px !important; }
+
+  .markdown p,
+  .markdown li {
+    font-size: ${size.body}px !important;
+  }
 `;
 
 export const generateThemeStyles = ({ text, background, primary }: ThemeConfig): string => `
-  color: ${text};
-  background-color: ${background};
-  --primary-color: ${primary};
+  color: ${text} !important;
+  background-color: ${background} !important;
+  --primary-color: ${primary} !important;
 
   svg {
-    color: var(--primary-color);
+    color: var(--primary-color) !important;
+  }
+
+  .markdown p,
+  .markdown li {
+    color: ${text} !important;
   }
 `;
 
diff --git a/package.json b/package.json
index ff84c3f5..651d4649 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "reactive-resume",
-  "version": "3.6.9",
+  "version": "3.6.10",
   "private": true,
   "scripts": {
     "dev": "env-cmd --silent turbo run dev",