From 306c9ac96610ff008ad06b8702a07af8a265e4d4 Mon Sep 17 00:00:00 2001
From: Phuoc Nguyen <me@phuoc.ng>
Date: Sun, 17 Nov 2019 23:25:57 +0700
Subject: [PATCH] Fix browser frame card on Webkit

---
 client/placeholders/BrowserFrame.jsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/client/placeholders/BrowserFrame.jsx b/client/placeholders/BrowserFrame.jsx
index 7eed83b..879258f 100644
--- a/client/placeholders/BrowserFrame.jsx
+++ b/client/placeholders/BrowserFrame.jsx
@@ -25,13 +25,19 @@ const BrowserFrame = ({ content, source }) => {
                     transform: isContentActive ? '' : 'rotateY(180deg)',
                 }}
             >
-                <div className="overflow-scroll absolute top-0 left-0 h-100 w-100" style={{ backfaceVisibility: 'hidden' }}>
+                <div
+                    className="overflow-scroll absolute top-0 left-0 h-100 w-100"
+                    style={{
+                        backfaceVisibility: 'hidden',
+                        '-webkit-backface-visibility': 'hidden',
+                    }}>
                     {content}
                 </div>
                 <div
                     className="absolute top-0 left-0 h-100 w-100"
                     style={{
                         backfaceVisibility: 'hidden',
+                        '-webkit-backface-visibility': 'hidden',
                         transform: 'rotateY(180deg)',
                     }}
                 >