diff --git a/templates/assets/css/index.css b/templates/assets/css/index.css
index 96c29b9..f64dd9c 100644
--- a/templates/assets/css/index.css
+++ b/templates/assets/css/index.css
@@ -7,7 +7,7 @@ body {
     flex-direction: column;
     align-items: center;
     justify-content: center;
-    height: 100vh;
+    height: 100dvh;
     transition: background-color 0.3s, color 0.3s;
     background-color: #121212;
     color: #e0e0e0;
diff --git a/templates/index.html b/templates/index.html
index 2eee1e1..7b8754f 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -42,7 +42,11 @@
         };
 
         async function fetchJoke() {
-            const response = await fetch('/api/joke');
+            const response = await fetch('https://icanhazdadjoke.com', {
+                headers: {
+                    'Accept': 'application/json'
+                }
+            });
             const data = await response.json();
             document.getElementById('joke').innerText = data.joke;
         }