diff --git a/bun.lockb b/bun.lockb
index bed5ce4..0e8d218 100755
Binary files a/bun.lockb and b/bun.lockb differ
diff --git a/package-lock.json b/package-lock.json
index e41e750..77eb4ef 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -40,6 +40,7 @@
         "react-markdown": "^9.0.1",
         "rehype-autolink-headings": "^6.1.1",
         "rehype-highlight": "^6.0.0",
+        "rehype-responsive-tables": "^2.0.14",
         "rehype-slug": "^5.1.0",
         "rehype-starry-night": "^2.1.0",
         "sharp": "^0.33.5",
@@ -8423,6 +8424,15 @@
         "url": "https://opencollective.com/unified"
       }
     },
+    "node_modules/rehype-responsive-tables": {
+      "version": "2.0.14",
+      "resolved": "https://registry.npmjs.org/rehype-responsive-tables/-/rehype-responsive-tables-2.0.14.tgz",
+      "integrity": "sha512-OMzIw0LdsxSkkmr+2nk8b+nZMeHsDzpgFFXqP/SheLbdWFTrnxyrcMUGbEnYGink3cLAhCLiyRTzOek5oA39jA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.18.0"
+      }
+    },
     "node_modules/rehype-slug": {
       "version": "5.1.0",
       "resolved": "https://registry.npmjs.org/rehype-slug/-/rehype-slug-5.1.0.tgz",
diff --git a/package.json b/package.json
index 44be584..b475fd8 100644
--- a/package.json
+++ b/package.json
@@ -42,6 +42,7 @@
     "react-markdown": "^9.0.1",
     "rehype-autolink-headings": "^6.1.1",
     "rehype-highlight": "^6.0.0",
+    "rehype-responsive-tables": "^2.0.14",
     "rehype-slug": "^5.1.0",
     "rehype-starry-night": "^2.1.0",
     "sharp": "^0.33.5",
diff --git a/src/app/actions/blog.action.ts b/src/app/actions/blog.action.ts
index 0d1052f..f2b661a 100644
--- a/src/app/actions/blog.action.ts
+++ b/src/app/actions/blog.action.ts
@@ -8,7 +8,6 @@ import rehypeAutolinkHeadings from "rehype-autolink-headings/lib";
 import rehypeHighlight from "rehype-highlight/lib";
 import rehypeSlug from "rehype-slug";
 import { SuccessResponse } from "@/lib/success";
-
 const getBlogs = withServerActionAsyncCatcher(async () => {
   const response = await axios.get(
     `https://api.github.com/repos/${process.env.GITHUB_USERNAME}/${process.env.GITHUB_REPO_NAME}/git/trees/main?recursive=1`,
diff --git a/src/app/blog/[name]/page.tsx b/src/app/blog/[name]/page.tsx
index 378ac20..78e8dd2 100644
--- a/src/app/blog/[name]/page.tsx
+++ b/src/app/blog/[name]/page.tsx
@@ -63,7 +63,7 @@ export default async function Page({ params }: { params: { name: string } }) {
           {getFormattedDate(post.additional.blogPost.meta.date)} · Vineet
           Agarwal
         </p>
-        <article className="prose-base md:prose-lg prose-li:list-disc  mb-8  prose-pre:bg-gray-400 dark:prose-pre:bg-gray-800 prose-pre:px-3 prose-pre:text-gray-900 dark:prose-pre:text-white dark:prose-p:text-gray-400  prose-h1:decoratin-slate-600 ">
+        <article className="prose-base md:prose-lg prose-li:list-disc  mb-8  prose-pre:bg-gray-400 dark:prose-pre:bg-gray-800 prose-pre:px-3 prose-pre:text-gray-900 dark:prose-pre:text-white dark:prose-p:text-white  prose-h1:decoratin-slate-600 ">
           <Image
             src={post.additional.blogPost.meta.image}
             alt={post.additional.blogPost.meta.title}
diff --git a/src/app/globals.css b/src/app/globals.css
index f3addd0..803e3dd 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -71,7 +71,7 @@
       @apply border-border;
     }
     body {
-      @apply bg-background text-foreground;
+      @apply bg-background ;
     }
   }