From a30017fd2cf9322d412b2cc4d1ebb5dd924a916b Mon Sep 17 00:00:00 2001
From: orangemug <info@orangemug.co.uk>
Date: Sat, 22 Feb 2020 17:50:14 +0000
Subject: [PATCH] Inline survey modal image

---
 src/components/modals/SurveyModal.jsx | 2 +-
 src/styles/_modal.scss                | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/modals/SurveyModal.jsx b/src/components/modals/SurveyModal.jsx
index 7f10bc3..be777ed 100644
--- a/src/components/modals/SurveyModal.jsx
+++ b/src/components/modals/SurveyModal.jsx
@@ -26,7 +26,7 @@ class SurveyModal extends React.Component {
       title="Maputnik Survey"
     >
       <div className="maputnik-modal-survey">
-        <img className="maputnik-modal-survey__logo" src={logoImage} alt="" width="128" />
+        <div className="maputnik-modal-survey__logo" dangerouslySetInnerHTML={{__html: logoImage}} />
         <h1>You + Maputnik = Maputnik better for you</h1>
         <p className="maputnik-modal-survey__description">We don’t track you, so we don’t know how you use Maputnik. Help us make Maputnik better for you by completing a 7–minute survey carried out by our contributing designer.</p>
         <Button onClick={this.onClick} className="maputnik-big-button maputnik-white-button maputnik-wide-button">Take the Maputnik Survey</Button>
diff --git a/src/styles/_modal.scss b/src/styles/_modal.scss
index 87a57cd..424a59c 100644
--- a/src/styles/_modal.scss
+++ b/src/styles/_modal.scss
@@ -280,6 +280,7 @@
   display: block;
   margin: 0 auto;
   height: 128px;
+  width: 128px;
 }
 
 .maputnik-modal-survey__description {