From ceffe0d2dab1d745e95647adcdc4be330b6db471 Mon Sep 17 00:00:00 2001
From: jorispannekeet <joris.pannekeet@bettyblocks.com>
Date: Wed, 18 Nov 2020 09:34:34 +0100
Subject: [PATCH] feat: add logo width to appbar

---
 src/components/appBar.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/appBar.js b/src/components/appBar.js
index ca5e39649..949a68b7e 100644
--- a/src/components/appBar.js
+++ b/src/components/appBar.js
@@ -38,7 +38,7 @@
     };
 
     const logo = useText(logoSource);
-    const LogoCmp = logo && <img src={logo} width={logoWidth} alt="" />;
+    const LogoCmp = logo && <img src={logo} className={classes.logo} alt="" />;
     const LogoComponent = endpoint.id ? (
       // eslint-disable-next-line jsx-a11y/anchor-is-valid
       <Link endpoint={endpoint}>{LogoCmp}</Link>
@@ -107,6 +107,9 @@
         ],
         zIndex: '1201 !important',
       },
+      logo:{
+        width: ({ options: { logoWidth } }) => logoWidth,
+      },
       toolbar: {
         flexDirection: ({ options: { alignItems } }) =>
           alignItems === 'right' ? 'row' : 'row-reverse',