diff --git a/src/components/Footer.astro b/src/components/Footer.astro
index 2777a98..43110c1 100644
--- a/src/components/Footer.astro
+++ b/src/components/Footer.astro
@@ -86,10 +86,15 @@ const Reddit = icon({ prefix: "fab", iconName: "reddit" });
       </Description>
       <div class="opacity-80 flex flex-col">
         <a href="https://discord.gg/zen-browser" class="font-normal">Discord</a>
-        <a href="https://uptime.zen-browser.app/" class="font-normal">Uptime Status</a>
+        <div class="flex items-center">
+          <div class="absolute">
+            <img src="https://uptime.zen-browser.app/embed-badges/pulse?" loading="lazy" alt="Phare badge" class="h-5 w-5 relative right-5 lg:right-6" />
+          </div>
+          <a href="https://uptime.zen-browser.app/" class="font-normal">Uptime Status</a>
+        </div>
         <a href="https://github.com/zen-browser/desktop/issues/new/choose" class="font-normal">Report an Issue</a>
       </div>
-    </div>
+    </div>   
   </div>
   <div class="flex w-full h-32 items-center">
     <div class="flex">
diff --git a/tailwind.config.mjs b/tailwind.config.mjs
index 6379b18..b9dd64f 100644
--- a/tailwind.config.mjs
+++ b/tailwind.config.mjs
@@ -1,7 +1,7 @@
 /** @type {import('tailwindcss').Config} */
 export default {
 	content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
-	darkMode: 'media',
+	darkMode: [ 'selector' , '[data-theme="dark"]'],
 	theme: {
 		extend: {
 			screens: {