diff --git a/src/pages/c/[configKind]/[tip].astro b/src/pages/c/[configKind]/[tip].astro
index f589379..7c779ee 100644
--- a/src/pages/c/[configKind]/[tip].astro
+++ b/src/pages/c/[configKind]/[tip].astro
@@ -51,6 +51,7 @@ export async function getStaticPaths() {
       });
       return `<div class="rounded-md px-2 bg-gray-800 w-full overflow-x-auto"><pre><code class="language-${lang}">${html}</code></pre></div>`;
     };
+
     return marked(markdown, { renderer });
   }
 
diff --git a/src/pages/c/[configKind]/index.astro b/src/pages/c/[configKind]/index.astro
index 3fb9d3e..c42e48a 100644
--- a/src/pages/c/[configKind]/index.astro
+++ b/src/pages/c/[configKind]/index.astro
@@ -12,11 +12,23 @@ import type { BreadCrumbList } from '../../../components/Navigation/BreadCrumb.a
 
 export async function getStaticPaths() {
     const configKinds = await getCollection("configKinds");
+    const renderer = new marked.Renderer();
+
+    // Custom render lists in the body
+    renderer.list = (body, ordered) => {
+      const type = ordered ? 'ol' : 'ul';
+      const className = ordered ? 'list-decimal' : 'list-disc';
+
+      return `
+        <div class="text-left">
+          <${type} class="${className} list-inside text-left">${body}</${type}>
+        </div>`;
+    };
 
     const paths = await Promise.all(configKinds.map(async (configKind) => {
         const allTips = await getCollection("tips");
         const tips = allTips.filter(tip => tip.data.kind.id === configKind.id);
-        const htmlBody = marked(configKind.data.body);
+        const htmlBody = marked(configKind.data.body, { renderer });
         return {
             params: { configKind: configKind.id },
             props: { configKind, tips, htmlBody },
@@ -67,4 +79,4 @@ const breadCrumbList: BreadCrumbList = [
         ))}
       </div>
     </div>
-</Layout>
\ No newline at end of file
+</Layout>