From 1f9c6bf1752562701b55c611dd93c5ca8944a734 Mon Sep 17 00:00:00 2001
From: Ali Abid <you@example.comgit>
Date: Wed, 1 Dec 2021 02:52:09 +0000
Subject: [PATCH] fix video recorder for iphone

---
 frontend/src/themes/defaults.scss    | 2 +-
 frontend/src/themes/grass.scss       | 2 +-
 frontend/src/themes/huggingface.scss | 2 +-
 frontend/src/themes/peach.scss       | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/themes/defaults.scss b/frontend/src/themes/defaults.scss
index 4ba8597bd1..22d909e6d0 100644
--- a/frontend/src/themes/defaults.scss
+++ b/frontend/src/themes/defaults.scss
@@ -443,7 +443,7 @@
             @apply w-full h-full bg-black;
         }
         .video_recorder::-webkit-media-controls {
-            @apply hidden;
+            display: none !important;
         }
         .record_holder {
             @apply absolute left-1/2 bottom-4 -translate-x-1/2 -translate-y-1/2 text-center;
diff --git a/frontend/src/themes/grass.scss b/frontend/src/themes/grass.scss
index 26e09eabc3..f41e32ae60 100644
--- a/frontend/src/themes/grass.scss
+++ b/frontend/src/themes/grass.scss
@@ -392,7 +392,7 @@ html {
             @apply w-full h-full bg-black;
         }
         .video_recorder::-webkit-media-controls {
-            @apply hidden;
+            display: none !important;
         }
         .record_holder {
             @apply absolute left-1/2 bottom-4 -translate-x-1/2 -translate-y-1/2 text-center;
diff --git a/frontend/src/themes/huggingface.scss b/frontend/src/themes/huggingface.scss
index 7e072727f4..fe7397e925 100644
--- a/frontend/src/themes/huggingface.scss
+++ b/frontend/src/themes/huggingface.scss
@@ -382,7 +382,7 @@
             @apply w-full h-full bg-black;
         }
         .video_recorder::-webkit-media-controls {
-            @apply hidden;
+            display: none !important;
         }
         .record_holder {
             @apply absolute left-1/2 bottom-4 -translate-x-1/2 -translate-y-1/2 text-center;
diff --git a/frontend/src/themes/peach.scss b/frontend/src/themes/peach.scss
index c4f3339671..af6a30fffe 100644
--- a/frontend/src/themes/peach.scss
+++ b/frontend/src/themes/peach.scss
@@ -395,7 +395,7 @@
             @apply w-full h-full bg-black;
         }
         .video_recorder::-webkit-media-controls {
-            @apply hidden;
+            display: none !important;
         }
         .record_holder {
             @apply absolute left-1/2 bottom-4 -translate-x-1/2 -translate-y-1/2 text-center;