Fix icon size

src/assets/icons/error-circle.svg

@@ -1,7 +1,5 @@
 <svg
   data-testid="icon-error"
-  width="16"
-  height="16"
   viewBox="0 0 16 16"
   fill="none"
   xmlns="http://www.w3.org/2000/svg">

src/assets/icons/purchases-state-pending.svg

@@ -1,11 +1,11 @@
 <svg
-  width="32"
-  height="32"
-  viewBox="0 0 32 32"
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
   fill="none"
   xmlns="http://www.w3.org/2000/svg">
   <path
-    d="M14.8105 9.25L16.3105 10.75H22.75C23.164 10.75 23.5 11.086 23.5 11.5V22C23.5 22.414 23.164 22.75 22.75 22.75H9.25C8.836 22.75 8.5 22.414 8.5 22V10C8.5 9.586 8.836 9.25 9.25 9.25H14.8105ZM16.75 13.75H15.25V18.25H19V16.75H16.75V13.75Z"
+    d="M8.8105 3.25L10.3105 4.75H16.75C17.164 4.75 17.5 5.086 17.5 5.5V16C17.5 16.414 17.164 16.75 16.75 16.75H3.25C2.836 16.75 2.5 16.414 2.5 16V4C2.5 3.586 2.836 3.25 3.25 3.25H8.8105ZM10.75 7.75H9.25V12.25H13V10.75H10.75V7.75Z"
     fill="#969696"
     fill-opacity="0.6" />
 </svg>

src/components/CustomStateCellRender/CustomStateCellRender.tsx

@@ -1,4 +1,4 @@
-import { Cell, Tooltip } from "@codex-storage/marketplace-ui-components";
+import { Cell } from "@codex-storage/marketplace-ui-components";
 import PurchaseStateIcon from "../../assets/icons/purchases-state-pending.svg?react";
 import SuccessCircleIcon from "../../assets/icons/success-circle.svg?react";
 import ErrorCircleIcon from "../../assets/icons/error-circle.svg?react";
@@ -8,7 +8,7 @@ type Props = {
   message: string | undefined;
 };
 
-export const CustomStateCellRender = ({ state, message }: Props) => {
+export const CustomStateCellRender = ({ state }: Props) => {
   const icons = {
     pending: PurchaseStateIcon,
     submitted: PurchaseStateIcon,
@@ -31,18 +31,15 @@ export const CustomStateCellRender = ({ state, message }: Props) => {
 
   return (
     <Cell>
-      <p
-        className={
-          "cell-state cell-state--custom cell-state--" +
-          states[state as keyof typeof states]
-        }>
-        {message ? (
+      <p className={"cell-state" + states[state as keyof typeof states]}>
+        {/* {message ? (
           <Tooltip message={message}>
             <Icon width={32} className="cell-stateIcon" />
           </Tooltip>
         ) : (
           <Icon width={32} className="cell-stateIcon" />
-        )}
+        )} */}
+        <Icon width={20} />
       </p>
     </Cell>
   );

src/components/HealthChecks/HealthChecks.tsx

@@ -113,7 +113,11 @@ export function HealthChecks({ online, onStepValid }: Props) {
             onChange={onAddressChange}
             value={address}
             placeholder="127.0.0.1"></Input>
-          {isAddressInvalid ? <ErrorCircleIcon /> : <SuccessCircleIcon />}
+          {isAddressInvalid ? (
+            <ErrorCircleIcon width={16} />
+          ) : (
+            <SuccessCircleIcon />
+          )}
         </div>
 
         <div>
@@ -154,7 +158,7 @@ export function HealthChecks({ online, onStepValid }: Props) {
             {online ? (
               <SuccessCircleIcon></SuccessCircleIcon>
             ) : (
-              <ErrorCircleIcon />
+              <ErrorCircleIcon width={16} />
             )}
           </span>
           Internet connection
@@ -164,7 +168,7 @@ export function HealthChecks({ online, onStepValid }: Props) {
             {portForwarding.enabled ? (
               <SuccessCircleIcon></SuccessCircleIcon>
             ) : (
-              <ErrorCircleIcon />
+              <ErrorCircleIcon width={16} />
             )}
           </span>
           Port forwarding
@@ -174,7 +178,7 @@ export function HealthChecks({ online, onStepValid }: Props) {
             {codex.isSuccess ? (
               <SuccessCircleIcon></SuccessCircleIcon>
             ) : (
-              <ErrorCircleIcon />
+              <ErrorCircleIcon width={16} />
             )}
           </span>
           Codex connection

src/components/Peers/PeersQuality.tsx

@@ -18,7 +18,7 @@ export function PeersQuality({ good }: Props) {
 
   return (
     <div className="peers-quality">
-      <ErrorCircleIcon />
+      <ErrorCircleIcon width={16} />
       <span>No peer connection active. </span>
     </div>
   );