diff --git a/spotlight-html/slideshow.html b/spotlight-html/slideshow.html
index 90c1cfe..e4bdfb1 100644
--- a/spotlight-html/slideshow.html
+++ b/spotlight-html/slideshow.html
@@ -3,7 +3,7 @@
 
 <head>
     <title>Jellyfin Featured Slideshow</title>
-    <link href="https://fonts.googleapis.com/css2?family=Quicksand&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap" rel="stylesheet">
     <style>
         /* CSS styles for the slideshow elements */
         body {
@@ -69,9 +69,10 @@
             width: 100%;
             height: 50px;
             background-color: transparent;
-            font-family: 'Quicksand', sans-serif;
-            color: #D3D3D3;
-            font-size: 22px;
+            font-family: 'Figtree', sans-serif;
+            font-weight: 400;
+            color: #fff;
+            font-size: 1.6em;
             display: flex;
             align-items: center;
             justify-content: flex-start;
@@ -85,7 +86,7 @@
             right: 0%;
             color: white;
             width: 100%;
-            font-family: 'Quicksand', sans-serif;
+            font-family: 'Figtree', sans-serif;
             font-size: 14px;
             background: transparent;
             padding: 10px;
@@ -272,4 +273,4 @@
     </script>
 </body>
 
-</html>
\ No newline at end of file
+</html>
