From c0e421c072dd405e12b782c878cc17706bde6d9a Mon Sep 17 00:00:00 2001
From: sophiamersmann <sophia.mersmann1@gmail.com>
Date: Thu, 19 Oct 2023 10:00:38 +0000
Subject: [PATCH] fix(sources-modal): fix style leak in admin

---
 .../@ourworldindata/grapher/src/modal/SourcesModal.scss     | 2 +-
 packages/@ourworldindata/grapher/src/modal/SourcesModal.tsx | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/@ourworldindata/grapher/src/modal/SourcesModal.scss b/packages/@ourworldindata/grapher/src/modal/SourcesModal.scss
index 821c11ac453..23dfea4b069 100644
--- a/packages/@ourworldindata/grapher/src/modal/SourcesModal.scss
+++ b/packages/@ourworldindata/grapher/src/modal/SourcesModal.scss
@@ -97,7 +97,7 @@
                 border-top: 1px solid #e7e7e7;
             }
 
-            &__key-information {
+            &__key-info {
                 display: flex;
                 flex-wrap: wrap;
                 row-gap: 1em;
diff --git a/packages/@ourworldindata/grapher/src/modal/SourcesModal.tsx b/packages/@ourworldindata/grapher/src/modal/SourcesModal.tsx
index 2778572d18a..099fc92bd54 100644
--- a/packages/@ourworldindata/grapher/src/modal/SourcesModal.tsx
+++ b/packages/@ourworldindata/grapher/src/modal/SourcesModal.tsx
@@ -211,7 +211,7 @@ export class Sources extends React.Component<{
                 {/* ---- Key information ---- */}
 
                 {this.hasKeyInformation && (
-                    <section className="key-info">
+                    <div className="key-info">
                         {this.def.presentation?.attributionWithFallback && (
                             <div className="key-data">
                                 <div className="key-data__title">Source</div>
@@ -258,7 +258,7 @@ export class Sources extends React.Component<{
                                 <div>{this.def.nextUpdate}</div>
                             </div>
                         )}
-                    </section>
+                    </div>
                 )}
 
                 {/* ---- Description ---- */}
@@ -310,7 +310,7 @@ export class Sources extends React.Component<{
                                         />
                                     </p>
                                     {(retrievedOn || retrievedFrom) && (
-                                        <div className="origin__key-information">
+                                        <div className="origin__key-info">
                                             {retrievedOn && (
                                                 <div className="origin__key-data">
                                                     <div className="origin__key-data__title">