diff --git a/frontend/public/connections/AWS_dark.svg b/frontend/public/static-images/connections/AWS_dark.svg
similarity index 100%
rename from frontend/public/connections/AWS_dark.svg
rename to frontend/public/static-images/connections/AWS_dark.svg
diff --git a/frontend/public/connections/AWS_light.svg b/frontend/public/static-images/connections/AWS_light.svg
similarity index 100%
rename from frontend/public/connections/AWS_light.svg
rename to frontend/public/static-images/connections/AWS_light.svg
diff --git a/frontend/public/connections/GCP_dark.svg b/frontend/public/static-images/connections/GCP_dark.svg
similarity index 100%
rename from frontend/public/connections/GCP_dark.svg
rename to frontend/public/static-images/connections/GCP_dark.svg
diff --git a/frontend/public/connections/GCP_light.svg b/frontend/public/static-images/connections/GCP_light.svg
similarity index 100%
rename from frontend/public/connections/GCP_light.svg
rename to frontend/public/static-images/connections/GCP_light.svg
diff --git a/frontend/public/metlo_logo.svg b/frontend/public/static-images/metlo_logo.svg
similarity index 100%
rename from frontend/public/metlo_logo.svg
rename to frontend/public/static-images/metlo_logo.svg
diff --git a/frontend/public/metlo_logo_horiz.svg b/frontend/public/static-images/metlo_logo_horiz.svg
similarity index 100%
rename from frontend/public/metlo_logo_horiz.svg
rename to frontend/public/static-images/metlo_logo_horiz.svg
diff --git a/frontend/public/metlo_logo_horiz_negative.svg b/frontend/public/static-images/metlo_logo_horiz_negative.svg
similarity index 100%
rename from frontend/public/metlo_logo_horiz_negative.svg
rename to frontend/public/static-images/metlo_logo_horiz_negative.svg
diff --git a/frontend/src/components/ConnectionInfo/aws.tsx b/frontend/src/components/ConnectionInfo/aws.tsx
index fbe552b0..16209d48 100644
--- a/frontend/src/components/ConnectionInfo/aws.tsx
+++ b/frontend/src/components/ConnectionInfo/aws.tsx
@@ -126,7 +126,7 @@ const AWS_INFO: React.FC<AWS_INFOInterface> = ({
             <Button aria-label="See on aws" bg={"transparent"} p={0}>
               <Image
                 alt={`AWS-image`}
-                src={`../connections/${ConnectionType.AWS}_${colorMode.colorMode}.svg`}
+                src={`/static-images/connections/${ConnectionType.AWS}_${colorMode.colorMode}.svg`}
               />
             </Button>
           </Link>
@@ -147,7 +147,7 @@ const AWS_INFO: React.FC<AWS_INFOInterface> = ({
             <Button aria-label="See on aws" bg={"transparent"} p={0}>
               <Image
                 alt={`AWS-image`}
-                src={`../connections/${ConnectionType.AWS}_${colorMode.colorMode}.svg`}
+                src={`/static-images/connections/${ConnectionType.AWS}_${colorMode.colorMode}.svg`}
               />
             </Button>
           </Link>
@@ -168,7 +168,7 @@ const AWS_INFO: React.FC<AWS_INFOInterface> = ({
             <Button aria-label="See on aws" bg={"transparent"} p={0}>
               <Image
                 alt={`AWS-image`}
-                src={`../connections/${ConnectionType.AWS}_${colorMode.colorMode}.svg`}
+                src={`/static-images/connections/${ConnectionType.AWS}_${colorMode.colorMode}.svg`}
               />
             </Button>
           </Link>
@@ -189,7 +189,7 @@ const AWS_INFO: React.FC<AWS_INFOInterface> = ({
             <Button aria-label="See on aws" bg={"transparent"} p={0}>
               <Image
                 alt={`AWS-image`}
-                src={`../connections/${ConnectionType.AWS}_${colorMode.colorMode}.svg`}
+                src={`/static-images/connections/${ConnectionType.AWS}_${colorMode.colorMode}.svg`}
               />
             </Button>
           </Link>
diff --git a/frontend/src/components/ConnectionInfo/gcp.tsx b/frontend/src/components/ConnectionInfo/gcp.tsx
index 37f0937d..cd042551 100644
--- a/frontend/src/components/ConnectionInfo/gcp.tsx
+++ b/frontend/src/components/ConnectionInfo/gcp.tsx
@@ -153,7 +153,7 @@ const GCP_INFO: React.FC<GCP_INFOInterface> = ({
             <Button aria-label="See on aws" bg={"transparent"} p={0}>
               <Image
                 alt={`AWS-image`}
-                src={`../connections/${ConnectionType.GCP}_${colorMode.colorMode}.svg`}
+                src={`/static-images/connections/${ConnectionType.GCP}_${colorMode.colorMode}.svg`}
               />
             </Button>
           </Link>
@@ -192,7 +192,7 @@ const GCP_INFO: React.FC<GCP_INFOInterface> = ({
             <Button aria-label="See on aws" bg={"transparent"} p={0}>
               <Image
                 alt={`AWS-image`}
-                src={`../connections/${ConnectionType.GCP}_${colorMode.colorMode}.svg`}
+                src={`/static-images/connections/${ConnectionType.GCP}_${colorMode.colorMode}.svg`}
               />
             </Button>
           </Link>
diff --git a/frontend/src/components/ConnectionList/List.tsx b/frontend/src/components/ConnectionList/List.tsx
index d0b3ad12..16ca93a4 100644
--- a/frontend/src/components/ConnectionList/List.tsx
+++ b/frontend/src/components/ConnectionList/List.tsx
@@ -81,7 +81,7 @@ const ConnectionList: React.FC<ConnectionListProps> = React.memo(
           <Image
             alt={`${row.connectionType}-image`}
             height="8"
-            src={`connections/${row.connectionType}_${colorMode.colorMode}.svg`}
+            src={`/static-images/connections/${row.connectionType}_${colorMode.colorMode}.svg`}
           />
         ),
         id: "icon",
diff --git a/frontend/src/components/Logo.tsx b/frontend/src/components/Logo.tsx
index 9b75ccd9..511d2ff8 100644
--- a/frontend/src/components/Logo.tsx
+++ b/frontend/src/components/Logo.tsx
@@ -11,8 +11,8 @@ interface LogoProps extends BoxProps {
 export const Logo: React.FC<LogoProps> = React.memo(
   ({ imageHeight, imageWidth, ...props }) => {
     const imageSrc = useColorModeValue(
-      "/metlo_logo_horiz.svg",
-      "/metlo_logo_horiz_negative.svg",
+      "/static-images/metlo_logo_horiz.svg",
+      "/static-images/metlo_logo_horiz_negative.svg",
     )
     return (
       <Box {...props}>
@@ -30,7 +30,7 @@ export const Logo: React.FC<LogoProps> = React.memo(
 export const SmLogo = React.memo((props: BoxProps) => {
   return (
     <Box {...props}>
-      <Image alt="logo-image" height="30" width="30" src="/metlo_logo.svg" />
+      <Image alt="logo-image" height="30" width="30" src="/static-images/metlo_logo.svg" />
     </Box>
   )
 })
diff --git a/frontend/src/components/NewConnection.tsx b/frontend/src/components/NewConnection.tsx
index e7dd2082..97111919 100644
--- a/frontend/src/components/NewConnection.tsx
+++ b/frontend/src/components/NewConnection.tsx
@@ -34,7 +34,7 @@ const NewConnection = ({ isOpen, onClose }) => {
                 <Image
                   alt={`AWS-image`}
                   boxSize={"125px"}
-                  src={`connections/${ConnectionType.AWS}_${colorMode.colorMode}.svg`}
+                  src={`/static-images/connections/${ConnectionType.AWS}_${colorMode.colorMode}.svg`}
                 />
               </Button>
             </NextLink>
@@ -43,7 +43,7 @@ const NewConnection = ({ isOpen, onClose }) => {
                 <Image
                   alt={`GCP-image`}
                   boxSize={"125px"}
-                  src={`connections/${ConnectionType.GCP}_${colorMode.colorMode}.svg`}
+                  src={`/static-images/connections/${ConnectionType.GCP}_${colorMode.colorMode}.svg`}
                 />
               </Button>
             </NextLink>