diff --git a/.storybook/manager-header.html b/.storybook/manager-header.html
index 0efce36d..fe24b45b 100644
--- a/.storybook/manager-header.html
+++ b/.storybook/manager-header.html
@@ -1,2 +1,2 @@
 <link rel="shortcut icon" href="/favicon.ico">
-<link rel="icon" type="image/png" href="/logos/apple-touch-icon.png" sizes="192x192">
\ No newline at end of file
+<link rel="icon" type="image/png" href="./logos/apple-touch-icon.png" sizes="192x192">
diff --git a/.storybook/theme.ts b/.storybook/theme.ts
index 8b1c8891..222922d5 100644
--- a/.storybook/theme.ts
+++ b/.storybook/theme.ts
@@ -4,7 +4,7 @@ export default create({
   base: "dark",
   brandUrl: "https://code4rena.com",
   brandTitle: "Code4rena Storybook",
-  brandImage: "/logos/c4-logo.svg",
+  brandImage: "./logos/c4-logo.svg",
   brandTarget: "_blank",
 
   // UI
diff --git a/src/lib/Avatar/Avatar.stories.tsx b/src/lib/Avatar/Avatar.stories.tsx
index fb089524..7d0e1913 100644
--- a/src/lib/Avatar/Avatar.stories.tsx
+++ b/src/lib/Avatar/Avatar.stories.tsx
@@ -17,7 +17,7 @@ type Story = StoryObj<typeof Avatar>;
 
 export const ImageAvatar: Story = (args) => <Avatar {...args} />;
 ImageAvatar.args = {
-  imgElement: <img src="/images/default-avatar.png" alt="Placeholder" />,
+  imgElement: <img src="./images/default-avatar.png" alt="Placeholder" />,
   name: "0xJohnWithALongName",
   size: 50,
   round: 25,
diff --git a/src/lib/Avatar/Avatar.test.tsx b/src/lib/Avatar/Avatar.test.tsx
index 9399f860..dc59dde3 100644
--- a/src/lib/Avatar/Avatar.test.tsx
+++ b/src/lib/Avatar/Avatar.test.tsx
@@ -12,11 +12,11 @@ const defaultArgs = {
 describe("========== Avatar Component - RUNNING TESTS ==========", () => {
   test("Renders with image avatar", () => {
     const imgElement = (
-      <img src="/images/default-avatar.png" alt="Placeholder" />
+      <img src="./images/default-avatar.png" alt="Placeholder" />
     );
     render(<Avatar imgElement={imgElement} {...defaultArgs} />);
     const avatar = screen.getByRole("img");
-    expect(avatar).toHaveAttribute("src", "/images/default-avatar.png");
+    expect(avatar).toHaveAttribute("src", "./images/default-avatar.png");
   });
 
   test("Renders with initials avatar", () => {
@@ -27,7 +27,7 @@ describe("========== Avatar Component - RUNNING TESTS ==========", () => {
 
   test("Sets alt text for image avatar", () => {
     const imgElement = (
-      <img src="/images/default-avatar.png" alt="User avatar" />
+      <img src="./images/default-avatar.png" alt="User avatar" />
     );
     render(<Avatar imgElement={imgElement} {...defaultArgs} />);
     const avatar = screen.getByAltText("User avatar");
diff --git a/src/lib/Card/Card.stories.tsx b/src/lib/Card/Card.stories.tsx
index 01d436f0..db3d236a 100644
--- a/src/lib/Card/Card.stories.tsx
+++ b/src/lib/Card/Card.stories.tsx
@@ -32,7 +32,7 @@ SampleComponent.args = {
   children: <div>Team lead</div>,
   title: "MangoBurger",
   imageSize: CardImageSize.MEDIUM,
-  image: <img src="/images/default-avatar.png" />,
+  image: <img src="./images/default-avatar.png" />,
   imageBorderRadius: CardImageBorderRadius.CIRCLE,
   cta: { text: "Follow", onClick: () => console.log("follow") },
   variants: [
diff --git a/src/lib/ContestTile/ContestTile.stories.tsx b/src/lib/ContestTile/ContestTile.stories.tsx
index 14eccada..6a7fbd05 100644
--- a/src/lib/ContestTile/ContestTile.stories.tsx
+++ b/src/lib/ContestTile/ContestTile.stories.tsx
@@ -53,7 +53,7 @@ const defaultArgs = {
     endDate: "2030-07-21T18:00:00.000Z",
   },
   variant: ContestTileVariant.DARK,
-  sponsorImage: "/logos/apple-touch-icon.png",
+  sponsorImage: "./logos/apple-touch-icon.png",
   sponsorUrl: "https://twitter.com/axelarcore",
   title: "Axelar Network",
   description: "Decentralized interoperability network.",
@@ -342,7 +342,7 @@ BountyTile.args = {
     languages: ["Rust"] as CodingLanguage[],
   },
   variant: ContestTileVariant.LIGHT,
-  sponsorImage: "/logos/apple-touch-icon.png",
+  sponsorImage: "./logos/apple-touch-icon.png",
   sponsorUrl: "https://twitter.com/axelarcore",
   title: "Axelar Network",
   description: "Decentralized interoperability network."
diff --git a/src/lib/NavBar/NavBar.stories.tsx b/src/lib/NavBar/NavBar.stories.tsx
index 5af0eb21..03542c45 100644
--- a/src/lib/NavBar/NavBar.stories.tsx
+++ b/src/lib/NavBar/NavBar.stories.tsx
@@ -32,7 +32,7 @@ SampleComponent.args = {
   className: "",
   isLoggedIn: false,
   hideConnectWalletDropdown: false,
-  userImage: "/logos/apple-touch-icon.png",
+  userImage: "./logos/apple-touch-icon.png",
   username: "TestUser",
   navLinks: [
     { label: "How it works", href: "/how-it-works" },