diff --git a/src/views/rules/rules.tsx b/src/views/rules/rules.tsx
index 1736b5bf..ebb0367d 100644
--- a/src/views/rules/rules.tsx
+++ b/src/views/rules/rules.tsx
@@ -2,6 +2,7 @@ import { useEffect, useState, FormEvent } from 'react';
 import { useSubplebbit } from '@plebbit/plebbit-react-hooks';
 import { Footer, HomeLogo } from '../home';
 import { useDirectories, DirectoryCommunity } from '../../hooks/use-directories';
+import Markdown from '../../components/markdown';
 import styles from './rules.module.css';
 
 const getBoardShortCode = (title?: string): string => {
@@ -73,7 +74,9 @@ const BoardRulesDisplay = ({ subplebbitAddress, directories }: { subplebbitAddre
         ) : rules && rules.length > 0 ? (
           <ol>
             {rules.map((rule: string, index: number) => (
-              <li key={index}>{rule}</li>
+              <li key={index}>
+                <Markdown content={rule} />
+              </li>
             ))}
           </ol>
         ) : (