diff --git a/CONTRIBUTORS.md b/CONTRIBUTORS.md
index 4e5e14b8738..834928de7c6 100644
--- a/CONTRIBUTORS.md
+++ b/CONTRIBUTORS.md
@@ -93,6 +93,7 @@
 - [Connor Smith](https://github.com/ConnorS1110)
 - [iFraan](https://github.com/iFraan)
 - [Ali](https://github.com/bu3alwa)
+- [Alexis Queen](https://github.com/lxqueen)
 
 ## Emby Contributors
 
diff --git a/src/styles/lyrics.scss b/src/styles/lyrics.scss
index 8642dd05b13..71a1b8cd181 100644
--- a/src/styles/lyrics.scss
+++ b/src/styles/lyrics.scss
@@ -1,5 +1,5 @@
 .lyricPage {
-    padding-top: 4.2em !important;
+    padding-top: 6rem !important;
     display: flex;
     justify-content: center;
 }
@@ -7,19 +7,35 @@
 .dynamicLyricsContainer {
     display: flex;
     flex-direction: column;
+    max-width: 50rem;
 }
 
 .lyricsLine {
     display: inline-block;
     width: fit-content;
-    margin: 0.1em;
-    font-size: 30px;
+    padding: 0 2rem;
+    font-size: 1.5rem;
+    line-height: 2;
     color: inherit;
-    min-height: 2em;
+    transition-property: color, text-shadow, opacity;
+    transition-duration: 200ms;
+    transition-timing-function: ease-in-out;
+
+    .layout-desktop & {
+        @media (min-width: 50em) {
+            font-size: 2rem;
+        }
+    }
+
+    &:empty {
+        padding: 0;
+        height: 0.75em;
+        pointer-events: none;
+    }
 }
 
 .futureLyric {
-    opacity: 0.3;
+    opacity: 0.45;
 }
 
 .pastLyric {
@@ -28,4 +44,9 @@
 
 .dynamicLyric {
     cursor: pointer;
+
+    &:hover {
+        opacity: 1;
+        text-shadow: 0 0 0.25em rgba(white, 0.25);
+    }
 }