diff --git a/.postcss.config.js b/.postcss.config.js
new file mode 100644
index 00000000..e99ebc2c
--- /dev/null
+++ b/.postcss.config.js
@@ -0,0 +1,6 @@
+export default {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}
\ No newline at end of file
diff --git a/.postcssrc.json b/.postcssrc.json
new file mode 100644
index 00000000..d42c370f
--- /dev/null
+++ b/.postcssrc.json
@@ -0,0 +1,5 @@
+{
+  "plugins": {
+    "tailwindcss": {}
+  }
+}
\ No newline at end of file
diff --git a/package.json b/package.json
index 66f6a1dd..953229a8 100644
--- a/package.json
+++ b/package.json
@@ -49,6 +49,7 @@
     "sass": "^1.85.1",
     "sass-loader": "^16.0.5",
     "semver": "^7.7.1",
+    "tailwindcss": "3.4.11",
     "url": "^0.11.4"
   },
   "dependencies": {
@@ -60,7 +61,7 @@
     "@codemirror/state": "^6.5.2",
     "@codemirror/view": "^6.36.4",
     "@sveltejs/vite-plugin-svelte": "^5.0.3",
-    "@tailwindcss/forms": "^0.5.10",
+    "@tailwindcss/forms": "^0.5.9",
     "@tailwindcss/postcss": "^4.0.12",
     "@tailwindcss/vite": "^4.0.12",
     "@tsconfig/svelte": "^5.0.4",
@@ -89,13 +90,12 @@
     "million": "^3.1.11",
     "motion": "^12.4.12",
     "postcss": "^8.5.3",
-    "react": "^19.0.0",
-    "react-best-gradient-color-picker": "^3.0.14",
-    "react-dom": "^19.0.0",
+    "react": "17",
+    "react-best-gradient-color-picker": "3.0.11",
+    "react-dom": "17",
     "rss-parser": "^3.13.0",
     "sortablejs": "^1.15.6",
     "svelte": "^5.22.6",
-    "tailwindcss": "^4.0.12",
     "typescript": "^5.8.2",
     "uuid": "^11.1.0",
     "vite": "^6.2.1",
diff --git a/src/SEQTA.ts b/src/SEQTA.ts
index 700ed49a..306036eb 100644
--- a/src/SEQTA.ts
+++ b/src/SEQTA.ts
@@ -3046,10 +3046,10 @@ export async function SendNewsPage() {
   ;(titlediv! as HTMLElement).innerText = "News"
   AppendLoadingSymbol("newsloading", "#news-container")
 
-  const response = await browser.runtime.sendMessage({
+  const response = (await browser.runtime.sendMessage({
     type: "sendNews",
     source: settingsState.newsSource,
-  })
+  })) as any
   const newscontainer = document.querySelector("#news-container")
   document.getElementById("newsloading")?.remove()
 
diff --git a/src/interface/index.css b/src/interface/index.css
index 07b9d1ad..dedb557e 100644
--- a/src/interface/index.css
+++ b/src/interface/index.css
@@ -1,6 +1,4 @@
 @import './components/ColourPicker.css';
-@import "tailwindcss";
-
 
 @tailwind base;
 @tailwind components;
diff --git a/src/interface/main.ts b/src/interface/main.ts
index 0fe7d1c9..63ec7ce1 100644
--- a/src/interface/main.ts
+++ b/src/interface/main.ts
@@ -19,6 +19,6 @@ export default function renderSvelte(
   style.setAttribute("type", "text/css")
   style.innerHTML = styles
   mountPoint.appendChild(style)
-
+  
   return app
 }
diff --git a/src/manifests/manifest.json b/src/manifests/manifest.json
index 5e6fca90..82f6c37e 100644
--- a/src/manifests/manifest.json
+++ b/src/manifests/manifest.json
@@ -32,7 +32,7 @@
   ],
   "web_accessible_resources": [
     {
-      "resources": ["*://*/*"],
+      "resources": ["*/*"],
       "matches": ["*://*/*"]
     },
     {
diff --git a/vite.config.ts b/vite.config.ts
index 2fb94acf..25582b7f 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,8 +1,6 @@
 import { defineConfig } from 'vite';
 import { join, resolve } from 'path';
 
-import tailwindcss from '@tailwindcss/vite'
-
 import { updateManifestPlugin } from './lib/patchPackage';
 import { base64Loader } from './lib/base64loader';
 import type { BuildTarget } from './lib/types';
@@ -32,7 +30,6 @@ export default defineConfig(({ command }) => ({
   plugins: [
     base64Loader,
     react(),
-    tailwindcss(),
     svelte({
       emitCss: false
     }),