From 498ea4c58bce87aeb6c856aca96258dfa94bbe0f Mon Sep 17 00:00:00 2001
From: bvanvugt <1531419+bvanvugt@users.noreply.github.com>
Date: Mon, 14 Feb 2022 21:27:14 +0000
Subject: [PATCH] Fit all media controls on mobile.

---
 src/components/mediaControls.jsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/components/mediaControls.jsx b/src/components/mediaControls.jsx
index b161faf..c324dfe 100644
--- a/src/components/mediaControls.jsx
+++ b/src/components/mediaControls.jsx
@@ -72,6 +72,10 @@ const Button = styled("button")`
     color: #ccc;
     cursor: not-allowed;
   }
+
+  @media (max-width: ${breakpoints.sm}) {
+    padding: 2rem 2rem;
+  }
 `;
 
 const Scrubber = styled("input")`