diff --git a/desktop/views/css/anime/player.css b/desktop/views/css/anime/player.css
index 81736a3..ab92cf5 100644
--- a/desktop/views/css/anime/player.css
+++ b/desktop/views/css/anime/player.css
@@ -66,12 +66,11 @@ body.stop-scrolling {
 /* Subtitles Canvas Overlay */
 #subtitles-canvas {
     position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
     pointer-events: none;
     z-index: 10;
+    top: 50% !important;
+    left: 50% !important;
+    transform: translate(-50%, -50%);
 }
 
 /* Header Controls */
diff --git a/docker/views/css/anime/player.css b/docker/views/css/anime/player.css
index 81736a3..ab92cf5 100644
--- a/docker/views/css/anime/player.css
+++ b/docker/views/css/anime/player.css
@@ -66,12 +66,11 @@ body.stop-scrolling {
 /* Subtitles Canvas Overlay */
 #subtitles-canvas {
     position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
     pointer-events: none;
     z-index: 10;
+    top: 50% !important;
+    left: 50% !important;
+    transform: translate(-50%, -50%);
 }
 
 /* Header Controls */