diff --git a/src/components/Player.scss b/src/components/Player.scss
new file mode 100644
index 0000000..d648686
--- /dev/null
+++ b/src/components/Player.scss
@@ -0,0 +1,15 @@
+.shaka-text-container > div {
+	height: auto !important;
+	width: auto !important;
+	top: auto !important;
+	left: auto !important;
+}
+
+.shaka-text-container * {
+	background-color: rgba(8, 8, 8, 0.75) !important;
+	color: white !important;
+}
+
+.shaka-video-container:-webkit-full-screen {
+	max-height: none !important;
+}
diff --git a/src/components/Player.vue b/src/components/Player.vue
index d24ff97..6fcb21e 100644
--- a/src/components/Player.vue
+++ b/src/components/Player.vue
@@ -14,29 +14,13 @@
   </div>
 </template>
 
-<style>
-.shaka-text-container > div {
-  height: auto !important;
-  width: auto !important;
-  top: auto !important;
-  left: auto !important;
-}
-
-.shaka-text-container * {
-  background-color: rgba(8, 8, 8, 0.75) !important;
-  color: white !important;
-}
-
-.shaka-video-container:-webkit-full-screen {
-  max-height: none !important;
-}
-</style>
-
 <script>
 import muxjs from 'mux.js'
 import shaka from 'shaka-player/dist/shaka-player.ui.js'
 import 'shaka-player/dist/controls.css'
+
 import { DashUtils } from '@/tools/DashUtils'
+import '@/components/Player.scss'
 
 import { setupKeybindings } from 'psychic-tiny-keys'