From 29bd7e4b387fdc801f3d571a2e81b81178e888d0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pau=20Ferrer=20Oca=C3=B1a?= <crazyserver@gmail.com>
Date: Wed, 26 May 2021 14:58:37 +0200
Subject: [PATCH] MOBILE-3320 iframe: Improve iframe styles

---
 src/core/components/iframe/iframe.scss | 2 +-
 src/theme/theme.base.scss              | 7 +++++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/core/components/iframe/iframe.scss b/src/core/components/iframe/iframe.scss
index 67a48e598..d50e6d82e 100644
--- a/src/core/components/iframe/iframe.scss
+++ b/src/core/components/iframe/iframe.scss
@@ -9,7 +9,7 @@
         border: 0;
         display: block;
         max-width: 100%;
-        background-color: var(--gray-light);
+        background-color: var(--ion-background-color);
     }
 
     .core-loading-container {
diff --git a/src/theme/theme.base.scss b/src/theme/theme.base.scss
index d088270be..8461285ed 100644
--- a/src/theme/theme.base.scss
+++ b/src/theme/theme.base.scss
@@ -730,3 +730,10 @@ ion-content.disable-scroll-y::part(scroll) {
     z-index: auto;
     will-change: auto;
 }
+
+iframe {
+    border: 0;
+    display: block;
+    max-width: 100%;
+    background-color: var(--ion-background-color);
+}