diff --git a/components/Footer.tsx b/components/Footer.tsx
index 83abf9f..868f185 100644
--- a/components/Footer.tsx
+++ b/components/Footer.tsx
@@ -3,7 +3,7 @@ import config from "../deno.json" with { type: "json" };
 export default function Footer() {
   return (
     <div className="mt-4 border-t-2 pt-4">
-      <a class="text-blue-500 hover:underline" href={config.source}>Kildekode</a>
+      <a class="text-blue-600 hover:underline" href={config.source}>Kildekode</a>
     </div>
   );
 }
diff --git a/routes/_app.tsx b/routes/_app.tsx
index 2844050..8c4c566 100644
--- a/routes/_app.tsx
+++ b/routes/_app.tsx
@@ -13,7 +13,7 @@ export default function App({ Component }: PageProps) {
 
         <title>NRSS</title>
       </head>
-      <body>
+      <body class="bg-slate-50">
         <Component />
       </body>
     </html>
diff --git a/routes/index.tsx b/routes/index.tsx
index 267c327..024dd56 100644
--- a/routes/index.tsx
+++ b/routes/index.tsx
@@ -32,7 +32,16 @@ export default function Home({ data }: PageProps<HandlerData>) {
     <>
       <Head>
         <title>{data.query ? `Søk: ${data.query} - ` : ""}NRSS</title>
-        <style dangerouslySetInnerHTML={{ __html: CSS }} />
+        <style
+          dangerouslySetInnerHTML={{
+            __html: `
+          ${CSS}
+          .markdown-body {
+            background-color: rgb(248 250 252);
+          }
+          `,
+          }}
+        />
       </Head>
       <div className="p-4 mx-auto max-w-screen-md">
         <Header />
