From 418d9b22021c4a70436a19fd7d86ade159210b4b Mon Sep 17 00:00:00 2001
From: Alex Ni <12097569+nialexsan@users.noreply.github.com>
Date: Fri, 20 Dec 2024 10:16:01 -0500
Subject: [PATCH] img sizes

---
 components/Header.tsx           | 2 ++
 components/LoadingFeedback.tsx  | 2 +-
 components/NetworkLinks.tsx     | 2 ++
 components/SidebarAccordion.tsx | 4 ++--
 4 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/components/Header.tsx b/components/Header.tsx
index ba3e62e..8675209 100644
--- a/components/Header.tsx
+++ b/components/Header.tsx
@@ -34,6 +34,8 @@ export default function Header({fund}: {fund?: boolean}) {
           style={{width: "100%"}}
           src={`/flow-faucet-logo-${publicConfig.network}.svg`}
           alt="Flow"
+          width={350}
+          height={85}
         />
       </Link>
 
diff --git a/components/LoadingFeedback.tsx b/components/LoadingFeedback.tsx
index 17d8428..37ef399 100644
--- a/components/LoadingFeedback.tsx
+++ b/components/LoadingFeedback.tsx
@@ -22,7 +22,7 @@ export default function LoadingFeedback({
 }) {
   return (
     <Box sx={styles.loading}>
-      <Image src="loading.svg" alt="loading" />
+      <Image src="loading.svg" alt="loading" height={74} width={74} />
       <br />
       {children}
     </Box>
diff --git a/components/NetworkLinks.tsx b/components/NetworkLinks.tsx
index 878065b..ac2bd1a 100644
--- a/components/NetworkLinks.tsx
+++ b/components/NetworkLinks.tsx
@@ -36,6 +36,8 @@ export default function NetworkLinks() {
             }
             alt={`${NETWORK_DISPLAY_NAME} Faucet`}
             sx={{mr: 2}}
+            width={30}
+            height={30}
           />
           Testnet
         </TabNavLink>
diff --git a/components/SidebarAccordion.tsx b/components/SidebarAccordion.tsx
index ffd7a64..4d14bcc 100644
--- a/components/SidebarAccordion.tsx
+++ b/components/SidebarAccordion.tsx
@@ -141,9 +141,9 @@ const AccordionOption = ({
       >
         {data.title}
         {isOpen ? (
-          <Image src="caret-up.svg" alt="up" />
+          <Image src="caret-up.svg" alt="up" width={10} height={7} />
         ) : (
-          <Image src="caret-down.svg" alt="down" />
+          <Image src="caret-down.svg" alt="down" width={10} height={7} />
         )}
       </Button>
       {isOpen && (