diff --git a/src/pages/home.tsx b/src/pages/home.tsx
index ad1d6c9..1458ee9 100644
--- a/src/pages/home.tsx
+++ b/src/pages/home.tsx
@@ -9,7 +9,7 @@ const HomePage = () => {
   const { posts } = usePosts()
   return (
     <MainTemplate>
-      <div className="mb-7 border border-foreground py-7 px-6 bg-sidebar">
+      <div className="mb-7 border border-foreground py-7 px-6 dark:bg-sidebar">
         <h1 className="scroll-m-20 text-left text-2xl font-semibold">
           Another software engineer with a blog
         </h1>