From e5172feaab1cfc62f9a16989596517e32443d3f4 Mon Sep 17 00:00:00 2001
From: sophiamersmann <sophia.mersmann1@gmail.com>
Date: Fri, 29 Dec 2023 13:07:23 +0000
Subject: [PATCH] :lipstick: (sources) minor style tweaks

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

diff --git a/packages/@ourworldindata/components/src/DataCitation/DataCitation.tsx b/packages/@ourworldindata/components/src/DataCitation/DataCitation.tsx
index 656100177d5..41f51c65117 100644
--- a/packages/@ourworldindata/components/src/DataCitation/DataCitation.tsx
+++ b/packages/@ourworldindata/components/src/DataCitation/DataCitation.tsx
@@ -6,7 +6,7 @@ export const DataCitation = (props: {
     citationLong: string
 }) => {
     return (
-        <>
+        <div className="data-citation">
             {props.citationShort && (
                 <>
                     <p className="citation__paragraph">
@@ -33,6 +33,6 @@ export const DataCitation = (props: {
                     />
                 </>
             )}
-        </>
+        </div>
     )
 }
diff --git a/packages/@ourworldindata/grapher/src/modal/SourcesModal.scss b/packages/@ourworldindata/grapher/src/modal/SourcesModal.scss
index 4faf607f4c2..2a400d40ba5 100644
--- a/packages/@ourworldindata/grapher/src/modal/SourcesModal.scss
+++ b/packages/@ourworldindata/grapher/src/modal/SourcesModal.scss
@@ -125,11 +125,17 @@
             margin-right: $tab-gap;
         }
 
+        .data-citation .wp-code-snippet {
+            margin-bottom: 16px;
+        }
+
         .citation__paragraph {
             color: $light-text;
         }
 
         .citation__type {
+            display: block;
+            line-height: 1.5;
             color: $dark-text;
             font-weight: 500;
         }