Changing brand-white to currentColor

src/components/@shared/NetworkName/index.module.css

@@ -7,10 +7,11 @@
 
 .icon {
   display: inline-block;
-  width: 1.2em;
-  height: 1.2em;
-  fill: currentColor;
   margin-right: calc(var(--spacer) / 8);
+  width: 1em;
+  height: 1em;
+  margin-top: -0.25em;
+  fill: currentColor;
 }
 
 .minimal {

src/components/Publish/Actions/index.module.css

@@ -16,5 +16,5 @@
   display: inline-block;
   margin-bottom: -0.1em;
   margin-left: calc(var(--spacer) / 6);
-  fill: var(--brand-white);
+  fill: currentColor;
 }

src/components/Publish/Actions/index.tsx

@@ -85,7 +85,8 @@ export default function Actions({
           ) : !isSupportedOceanNetwork ? (
             <Tooltip content={<AvailableNetworks />}>
               <Button type="submit" style="primary" disabled>
-                Unsupported Network <Info className={styles.infoIcon} />
+                Unsupported Network
+                <Info className={styles.infoIcon} />
               </Button>
             </Tooltip>
           ) : (

src/components/Publish/Title/index.module.css

@@ -6,12 +6,6 @@
   color: var(--brand-alert-red);
   margin-left: calc(var(--spacer) / 3);
 }
-.network svg {
-  width: 1em;
-  height: 1em;
-  margin-top: -0.25em;
-  fill: currentColor;
-}
 
 .tooltip {
   width: 0.5em;
@@ -22,12 +16,3 @@
   height: 0.5em;
   fill: var(--brand-alert-red);
 }
-.errorIcon {
-  width: 0.85em;
-  height: 0.85em;
-  cursor: help;
-  display: inline-block;
-  margin-bottom: -0.1em;
-  margin-left: calc(var(--spacer) / 6);
-  color: var(--brand-alert-red);
-}

src/components/Publish/Title/index.tsx

@@ -25,19 +25,12 @@ export default function Title({
               isSupportedOceanNetwork ? styles.network : styles.wrongNetwork
             }
           />
-          {isSupportedOceanNetwork ? (
-            <Tooltip
-              content={<AvailableNetworks />}
-              className={styles.tooltip}
-            />
-          ) : (
-            <Tooltip
-              content={<AvailableNetworks />}
-              className={styles.errorTooltip}
-            >
-              <Info className={styles.errorIcon} />
-            </Tooltip>
-          )}
+          <Tooltip
+            content={<AvailableNetworks />}
+            className={
+              isSupportedOceanNetwork ? styles.tooltip : styles.errorIcon
+            }
+          />
         </>
       )}
     </>