diff --git a/src/app/(home)/_components/About.tsx b/src/app/(home)/_components/About.tsx
index b62969e..62a0b6f 100644
--- a/src/app/(home)/_components/About.tsx
+++ b/src/app/(home)/_components/About.tsx
@@ -1,11 +1,12 @@
 'use client';
 
 import { ReactElement } from 'react';
+import Markdown from 'react-markdown';
 import { useTranslation } from '@/app/_translation';
 import { HomeTranslation } from '../homeTranslation';
 
 export const About = (): ReactElement => {
-  const { about }: HomeTranslation = useTranslation();
+  const { about: i18n }: HomeTranslation = useTranslation();
 
   return (
     <div className='container'>
@@ -13,12 +14,12 @@ export const About = (): ReactElement => {
         <div className='col-lg-6 col-12'></div>
         <div className='col-lg-6 col-12'>
           <h2>
-            <small>{about.subtitle}</small> {about.title}
+            <small>{i18n.subtitle}</small> {i18n.title}
           </h2>
-          <p className='lead my-4'>{about.description}</p>
+          <Markdown className='lead my-4'>{i18n.description}</Markdown>
           <div className='d-sm-block d-grid'>
             <button className='btn btn-outline-primary btn-lg' disabled>
-              {about.learnMore}
+              {i18n.learnMore}
             </button>
           </div>
         </div>