diff --git a/src/renderer/components/ft-shaka-video-player/ft-shaka-video-player.css b/src/renderer/components/ft-shaka-video-player/ft-shaka-video-player.css
index 4637f7b1c3f6..815f23d70f63 100644
--- a/src/renderer/components/ft-shaka-video-player/ft-shaka-video-player.css
+++ b/src/renderer/components/ft-shaka-video-player/ft-shaka-video-player.css
@@ -68,24 +68,18 @@
 .offlineWrapper {
   position: absolute;
   top: 20px;
-  right: 20px;
-  margin-left: 20px;
+  inset-inline-end: 20px;
+  margin-inline-start: 20px;
   display: flex;
   flex-direction: row;
   gap: 10px;
   align-items: center;
   background-color: #000;
+  color: #fff;
   padding: 10px;
   border-radius: 10px;
 }
 
-:global(body[dir='rtl'] .offlineWrapper) {
-  right: initial;
-  margin-left: initial;
-  left: 20px;
-  margin-right: 20px;
-}
-
 .offlineIcon {
   font-size: 30px;
 }