diff --git a/DeepDrftPublic.Client/Controls/NowPlayingStats.razor.css b/DeepDrftPublic.Client/Controls/NowPlayingStats.razor.css
index 620b69e..2016701 100644
--- a/DeepDrftPublic.Client/Controls/NowPlayingStats.razor.css
+++ b/DeepDrftPublic.Client/Controls/NowPlayingStats.razor.css
@@ -26,3 +26,10 @@
     text-transform: uppercase;
     margin-top: 0.4rem;
 }
+
+@media (max-width: 599px) {
+    .hero-stat-row {
+        flex-direction: column;
+        gap: 0.75rem;
+    }
+}
diff --git a/DeepDrftPublic.Client/Layout/DeepDrftFooter.razor.css b/DeepDrftPublic.Client/Layout/DeepDrftFooter.razor.css
index 3ecb610..d1b34b1 100644
--- a/DeepDrftPublic.Client/Layout/DeepDrftFooter.razor.css
+++ b/DeepDrftPublic.Client/Layout/DeepDrftFooter.razor.css
@@ -45,4 +45,17 @@
     font-size: 0.58rem;
     letter-spacing: 0.12em;
     color: var(--deepdrft-muted);
+}
+
+@media (max-width: 599px) {
+    .deepdrft-footer {
+        padding: 1.5rem;
+        flex-wrap: wrap;
+        gap: 1rem;
+    }
+
+    .deepdrft-footer-copy {
+        width: 100%;
+        text-align: right;
+    }
 }
\ No newline at end of file