From 044597132fb3384e1319d479f12e2d2f37e737fe Mon Sep 17 00:00:00 2001
From: Johan Girod <johangirod@gmail.com>
Date: Tue, 15 Oct 2019 13:35:44 +0200
Subject: [PATCH] =?UTF-8?q?:art:=20:bug:=20probl=C3=A8me=20sur=20le=20prer?=
 =?UTF-8?q?ender=20des=20styled=20component?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 source/components/ui/Card.css                 |  2 +-
 .../sites/mon-entreprise.fr/layout/Header.js  | 36 ++++++++++---------
 2 files changed, 21 insertions(+), 17 deletions(-)

diff --git a/source/components/ui/Card.css b/source/components/ui/Card.css
index cba18f4c3..78df57600 100644
--- a/source/components/ui/Card.css
+++ b/source/components/ui/Card.css
@@ -95,7 +95,7 @@
 	transform: scale(1.5) translateY(0.1rem);
 }
 .ui__.card.box .ui__.big.box-icon > img {
-	transform: scale(2.3) translateY(0.1rem);
+	transform: scale(2.3) translateY(0.2rem);
 }
 
 @media (max-width: 500px) {
diff --git a/source/sites/mon-entreprise.fr/layout/Header.js b/source/sites/mon-entreprise.fr/layout/Header.js
index f0c6412ae..97bf0e347 100644
--- a/source/sites/mon-entreprise.fr/layout/Header.js
+++ b/source/sites/mon-entreprise.fr/layout/Header.js
@@ -11,14 +11,18 @@ export default function Header() {
     const sitePaths = useContext(SitePathsContext)
     const { i18n: { language } } = useTranslation();
     return (
-        <div className="ui__ container" css="display:flex; align-items: center">
-            <Link css='height: 4rem' to={sitePaths.index}>
+        <div className="ui__ container" style={{
+            display: 'flex',
+            alignItems: 'center'
+        }}
+        >
+            <Link style={{ height: '4rem' }} to={sitePaths.index}>
                 <img
                     alt="logo mon-entreprise.fr"
-                    css={`
-                        padding: 0.5rem 0; 
-                        height: 100%;`
-                    }
+                    style={{
+                        padding: '0.5rem 0',
+                        height: '100%'
+                    }}
                     src={language === 'fr' ? logoSvg : logoEnSvg}
                 />
             </Link>
@@ -26,21 +30,21 @@ export default function Header() {
             <a
                 href="https://beta.gouv.fr"
                 target="_blank"
-                css={`
-                    height: 4rem;
-                    padding: 1rem;
-                `}>
-                <img alt="logo marianne" css={'height: 100%'} src={marianneSvg} />
+                style={{
+                    height: '4rem',
+                    padding: '1rem'
+                }}>
+                <img alt="logo marianne" style={{ height: '100%' }} src={marianneSvg} />
             </a>
             <a
                 href="https://www.urssaf.fr"
                 target="_blank"
-                css={`
-                    height: 4rem;
-                    padding: 1rem;
-	            `}
+                css={{
+                    height: '4rem',
+                    padding: '1rem'
+                }}
                 className="landing-header__institutional-logo">
-                <img alt="logo urssaf" css={'height: 100%'} src={urssafSvg} />
+                <img alt="logo urssaf" style={{ height: '100%' }} src={urssafSvg} />
             </a>
         </div>)
 }
\ No newline at end of file