diff --git a/astro/src/components/web/TextWithImage.astro b/astro/src/components/web/TextWithImage.astro
index 35488e1..98ee1eb 100644
--- a/astro/src/components/web/TextWithImage.astro
+++ b/astro/src/components/web/TextWithImage.astro
@@ -1,4 +1,5 @@
 ---
+import { markdownToHtml } from '@/lib/markdown';
 import { Image } from 'astro:assets';
 
 interface Props {
@@ -14,11 +15,11 @@ const imageSize = () => {
 }
 ---
 
-<div id={`textwithimage-${textWithImage.id}`} class={`flex ${textWithImage.imageSide === "right" ? "flex-row" : "flex-row-reverse"} justify-between items-center py-20 px-12 container mx-auto gap-y-8 gap-x-18`}>
+<div id={`textwithimage-${textWithImage.id}`} class={`flex ${textWithImage.imageSide === "right" ? "flex-row" : "flex-row-reverse"} justify-between items-center py-12 px-12 container mx-auto gap-y-8 gap-x-18`}>
     <div class="flex flex-col gap-2.5 w-[50%]">
         <h2 class="text-5xl font-bold">{textWithImage.title}</h2>
         { textWithImage.text !== null && (
-            <div>{textWithImage.text}</div>
+            <div set:html={markdownToHtml(textWithImage.text)}></div>
         ) }
     </div>
     <div class="w-[50%]">