From a01b855d2f9c8b6a5569f55ba497485d7ba5ea43 Mon Sep 17 00:00:00 2001
From: Alex <33497058+bexsoft@users.noreply.github.com>
Date: Mon, 23 Jan 2023 14:17:50 -0600
Subject: [PATCH] Fixed issues with ThemedLogo component implementation (#2588)

Signed-off-by: Benjamin Perez <benjamin@bexsoft.net>
---
 .../Common/Components/AutoColorIcon.tsx       | 20 +++++++++++--------
 .../src/screens/Console/License/License.tsx   |  4 ++--
 2 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/portal-ui/src/screens/Console/Common/Components/AutoColorIcon.tsx b/portal-ui/src/screens/Console/Common/Components/AutoColorIcon.tsx
index 14b10dacd..62b111798 100644
--- a/portal-ui/src/screens/Console/Common/Components/AutoColorIcon.tsx
+++ b/portal-ui/src/screens/Console/Common/Components/AutoColorIcon.tsx
@@ -15,7 +15,7 @@
 // along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 import React from "react";
-import { ThemedLogo } from "mds";
+import { Grid, ThemedLogo } from "mds";
 import { useSelector } from "react-redux";
 import { AppState } from "../../../../store";
 
@@ -35,14 +35,18 @@ const AutoColorIcon = ({ marginRight, marginTop }: IAutoColorIcon) => {
     tinycolor(colorVariants?.backgroundColor || "#fff").getBrightness() <= 128;
 
   return (
-    <ThemedLogo
-      style={{
-        width: 105,
-        marginRight,
-        marginTop,
-        fill: isDark ? "#fff" : "#081C42",
+    <Grid
+      sx={{
+        "& svg": {
+          width: 105,
+          marginRight,
+          marginTop,
+          fill: isDark ? "#fff" : "#081C42",
+        },
       }}
-    />
+    >
+      <ThemedLogo />
+    </Grid>
   );
 };
 
diff --git a/portal-ui/src/screens/Console/License/License.tsx b/portal-ui/src/screens/Console/License/License.tsx
index 09e15fc9e..727245f77 100644
--- a/portal-ui/src/screens/Console/License/License.tsx
+++ b/portal-ui/src/screens/Console/License/License.tsx
@@ -227,10 +227,10 @@ const License = () => {
                   display: "flex",
                   alignItems: "center",
 
-                  "& .min-icon": {
+                  "& svg": {
                     width: "83px",
                     height: "14px",
-                    marginLeft: "5px",
+                    marginLeft: "8px",
                     marginRight: "5px",
                   },
                 }}