From 6b5ca2e7de583b8468bb9e131e8923a6c635d924 Mon Sep 17 00:00:00 2001
From: Andrew Kingston <aptkingston@ssl-mail.com>
Date: Mon, 2 Nov 2020 07:59:29 +0000
Subject: [PATCH] Style background of feedback popover white due to iframe
 boundary breaking theming

---
 .../userInterface/Feedback/FeedbackNavLink.svelte    | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/packages/builder/src/components/userInterface/Feedback/FeedbackNavLink.svelte b/packages/builder/src/components/userInterface/Feedback/FeedbackNavLink.svelte
index 62429bf554..6cba6417d4 100644
--- a/packages/builder/src/components/userInterface/Feedback/FeedbackNavLink.svelte
+++ b/packages/builder/src/components/userInterface/Feedback/FeedbackNavLink.svelte
@@ -18,9 +18,11 @@
 <div class="container" bind:this={iconContainer} on:click={popover.show}>
   <i class="ri-feedback-line" class:highlight={$store.highlightFeedbackIcon} />
 </div>
-<Popover bind:this={popover} anchor={iconContainer} align="right">
-  <FeedbackIframe on:finished={popover.hide} />
-</Popover>
+<div class="iframe">
+  <Popover bind:this={popover} anchor={iconContainer} align="right">
+    <FeedbackIframe on:finished={popover.hide} />
+  </Popover>
+</div>
 
 <style>
   i {
@@ -48,4 +50,8 @@
   .container:hover i {
     color: var(--ink);
   }
+
+  .iframe :global(.menu-container) {
+    background-color: white;
+  }
 </style>