Use more clear explanation in the scope notice, make sure the hide button doesn't overlap with text in notice.

1 files changed, 13 insertions, 0 deletions

diff --git a/src/App.scss b/src/App.scss
index 921f2c3b..2729e0b0 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -648,6 +648,19 @@ nav {
   border-radius: var(--inputRadius, $fallback--inputRadius);
 }
 
+.notice-dismissible {
+  padding-right: 4rem;
+  position: relative;
+
+  .dismiss {
+    position: absolute;
+    top: 0;
+    right: 0;
+    padding: .5em;
+    color: inherit;
+  }
+}
+
 @keyframes modal-background-fadein {
   from {
     background-color: rgba(0, 0, 0, 0);