diff --git a/src/renderer/component/fileViewer/internal/player.jsx b/src/renderer/component/fileViewer/internal/player.jsx
index b247f4fe2..48280afaf 100644
--- a/src/renderer/component/fileViewer/internal/player.jsx
+++ b/src/renderer/component/fileViewer/internal/player.jsx
@@ -7,8 +7,6 @@ import path from 'path';
 import player from 'render-media';
 import FileRender from 'component/fileRender';
 import LoadingScreen from 'component/common/loading-screen';
-// Loading this here so we have uniform video style even if we use two different players
-import 'video.js/dist/video-js.css';
 
 type Props = {
   contentType: string,
diff --git a/src/renderer/component/viewers/audioVideoViewer.jsx b/src/renderer/component/viewers/audioVideoViewer.jsx
index 7cba07a40..443676fd7 100644
--- a/src/renderer/component/viewers/audioVideoViewer.jsx
+++ b/src/renderer/component/viewers/audioVideoViewer.jsx
@@ -2,6 +2,7 @@
 import React from 'react';
 import { stopContextMenu } from 'util/context-menu';
 import videojs from 'video.js';
+import 'video.js/dist/video-js.css';
 
 type Props = {
   source: {
diff --git a/src/renderer/scss/component/_button.scss b/src/renderer/scss/component/_button.scss
index 82c7a0697..591ee1c46 100644
--- a/src/renderer/scss/component/_button.scss
+++ b/src/renderer/scss/component/_button.scss
@@ -92,14 +92,17 @@
   }
 }
 
-.button--link:not(:disabled) {
-  html[data-mode='dark'] & {
-    &:not(:hover) {
-      color: $lbry-teal-4;
-    }
+.button--link {
+  word-break: break-all;
+  &:not(:disabled) {
+    html[data-mode='dark'] & {
+      &:not(:hover) {
+        color: $lbry-teal-4;
+      }
 
-    &:hover {
-      color: $lbry-teal-3;
+      &:hover {
+        color: $lbry-teal-3;
+      }
     }
   }
 }