From cfd31905ddf13b865080d88df8884c62ffb19794 Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Wed, 9 Mar 2022 14:12:48 +0000
Subject: [PATCH] Fix profile image (#1172)

* tinker

* use !important
---
 src/components/@shared/atoms/Blockies.tsx        | 2 +-
 src/components/Profile/Header/Account.module.css | 7 +++++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/components/@shared/atoms/Blockies.tsx b/src/components/@shared/atoms/Blockies.tsx
index a3a3ffdad..07e5730a9 100644
--- a/src/components/@shared/atoms/Blockies.tsx
+++ b/src/components/@shared/atoms/Blockies.tsx
@@ -14,7 +14,7 @@ export default function Blockies({
 
   return (
     <img
-      className={`${styles.blockies} ${className || ''}`}
+      className={`${className || ''} ${styles.blockies} `}
       src={blockies}
       alt="Blockies"
       aria-hidden="true"
diff --git a/src/components/Profile/Header/Account.module.css b/src/components/Profile/Header/Account.module.css
index 2c58d49ef..70bc9ffea 100644
--- a/src/components/Profile/Header/Account.module.css
+++ b/src/components/Profile/Header/Account.module.css
@@ -16,10 +16,13 @@
   }
 }
 
+/* Sledgehammer !important cause Next.js reordering of styles is clashing with
+our Blockies implementation.
+See https://github.com/oceanprotocol/market/issues/1143 */
 .imageWrap,
 .image {
-  width: 96px;
-  height: 96px;
+  width: 96px !important;
+  height: 96px !important;
 }
 
 .imageWrap {