diff --git a/public/manifest.json b/public/manifest.json
index 5307a330..1ae9889c 100644
--- a/public/manifest.json
+++ b/public/manifest.json
@@ -44,7 +44,7 @@
       "matches": ["*://*/*"]
     },
     {
-      "resources": ["inject/*"],
+      "resources": ["css/*"],
       "matches": ["*://*/*"]
     },
     {
diff --git a/src/SEQTA.js b/src/SEQTA.js
index b2b08954..40076e31 100644
--- a/src/SEQTA.js
+++ b/src/SEQTA.js
@@ -44,7 +44,7 @@ document.addEventListener(
       console.log('[BetterSEQTA+] Verified SEQTA Page');
 
       let link = document.createElement('link');
-      link.href = chrome.runtime.getURL('inject/documentload.css');
+      link.href = chrome.runtime.getURL('css/documentload.css');
       link.type = 'text/css';
       link.rel = 'stylesheet';
       document.getElementsByTagName('html')[0].appendChild(link);
@@ -361,7 +361,7 @@ async function RunColourCheck(element) {
 }
 
 export function GetiFrameCSSElement() {
-  var cssFile = chrome.runtime.getURL('inject/iframe.css');
+  var cssFile = chrome.runtime.getURL('css/iframe.css');
   var fileref = document.createElement('link');
   fileref.setAttribute('rel', 'stylesheet');
   fileref.setAttribute('type', 'text/css');
@@ -721,7 +721,7 @@ function main(storedSetting) {
 }
 
 function InjectStyles() {
-  var cssFile = chrome.runtime.getURL('inject/injected.css');
+  var cssFile = chrome.runtime.getURL('css/injected.css');
   var fileref = document.createElement('link');
   fileref.setAttribute('rel', 'stylesheet');
   fileref.setAttribute('type', 'text/css');
diff --git a/src/inject/documentload.js b/src/css/documentload.js
similarity index 100%
rename from src/inject/documentload.js
rename to src/css/documentload.js
diff --git a/src/inject/documentload.scss b/src/css/documentload.scss
similarity index 100%
rename from src/inject/documentload.scss
rename to src/css/documentload.scss
diff --git a/src/inject/iframe.js b/src/css/iframe.js
similarity index 100%
rename from src/inject/iframe.js
rename to src/css/iframe.js
diff --git a/src/inject/iframe.scss b/src/css/iframe.scss
similarity index 100%
rename from src/inject/iframe.scss
rename to src/css/iframe.scss
diff --git a/src/inject/injected.js b/src/css/injected.js
similarity index 100%
rename from src/inject/injected.js
rename to src/css/injected.js
diff --git a/src/inject/injected.scss b/src/css/injected.scss
similarity index 100%
rename from src/inject/injected.scss
rename to src/css/injected.scss
diff --git a/src/inject/injected/popup.scss b/src/css/injected/popup.scss
similarity index 100%
rename from src/inject/injected/popup.scss
rename to src/css/injected/popup.scss
diff --git a/src/inject/injected/sidebar-animation.scss b/src/css/injected/sidebar-animation.scss
similarity index 100%
rename from src/inject/injected/sidebar-animation.scss
rename to src/css/injected/sidebar-animation.scss
diff --git a/src/inject/injected/theme.scss b/src/css/injected/theme.scss
similarity index 100%
rename from src/inject/injected/theme.scss
rename to src/css/injected/theme.scss
diff --git a/src/inject/injected/transparency.scss b/src/css/injected/transparency.scss
similarity index 100%
rename from src/inject/injected/transparency.scss
rename to src/css/injected/transparency.scss
diff --git a/src/inject/preview/customshortcut.png b/src/css/preview/customshortcut.png
similarity index 100%
rename from src/inject/preview/customshortcut.png
rename to src/css/preview/customshortcut.png
diff --git a/src/inject/preview/lightdarkmode.png b/src/css/preview/lightdarkmode.png
similarity index 100%
rename from src/inject/preview/lightdarkmode.png
rename to src/css/preview/lightdarkmode.png
diff --git a/webpack.config.js b/webpack.config.js
index dc93df29..aa9dac6f 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -18,14 +18,14 @@ export default {
   entry: {
     SEQTA: './src/SEQTA.js',
     background: './src/background.js',
-    'inject/documentload': './src/inject/documentload.scss',
-    'inject/iframe': './src/inject/iframe.scss',
-    'inject/injected': './src/inject/injected.scss',
+    'css/documentload': './src/css/documentload.scss',
+    'css/iframe': './src/css/iframe.scss',
+    'css/injected': './src/css/injected.scss',
   },
   output: {
     filename: (pathData) => {
-      const name = pathData.chunk.name.replace('inject-', '');
-      return name.includes('inject') ? `inject/${name}.js` : `${name}.js`;
+      const name = pathData.chunk.name.replace('css-', '');
+      return name.includes('css') ? `css/${name}.js` : `${name}.js`;
     },
     // eslint-disable-next-line no-undef
     path: path.resolve('build'),
@@ -63,7 +63,7 @@ export default {
     new CopyWebpackPlugin({
       patterns: [
         { from: 'public', to: '.' },
-        { from: 'src/inject/preview', to: 'inject/preview' },
+        { from: 'src/css/preview', to: 'css/preview' },
         { from: 'node_modules/webextension-polyfill/dist/browser-polyfill.js', to: '.'},
         { from: 'interface/dist/client', to: 'client' },
         { from: 'interface/dist/index.html', to: 'interface/index.html' }