diff --git a/src/renderer/App.css b/src/renderer/App.css
index d5185287..05e5bb75 100644
--- a/src/renderer/App.css
+++ b/src/renderer/App.css
@@ -11,14 +11,6 @@ body {
   font-family: 'Roboto', sans-serif;
 }
 
-.hideOutlines *:focus {
-  outline: none;
-}
-
-.rightAligned: {
-  text-align: right;
-}
-
 .routerView {
   margin-left: 200px;
   margin-top: 80px;
diff --git a/src/renderer/App.vue b/src/renderer/App.vue
index 416d2925..6f1547f8 100644
--- a/src/renderer/App.vue
+++ b/src/renderer/App.vue
@@ -31,4 +31,4 @@
 
 <style src="./themes.css" />
 <style src="./videoJS.css" />
-<style src="./App.css" />
+<style scoped src="./App.css" />
diff --git a/src/renderer/themes.css b/src/renderer/themes.css
index 60e1c87a..6f054d34 100644
--- a/src/renderer/themes.css
+++ b/src/renderer/themes.css
@@ -449,6 +449,14 @@ body {
   background-color: var(--bg-color);
 }
 
+.hideOutlines *:focus {
+  outline: none;
+}
+
+.rightAligned: {
+  text-align: right;
+}
+
 a:link {
     color: var(--link-color);
 }