diff --git a/src/components/Footer/Footer.tsx b/src/components/Footer/Footer.tsx
index 7913191..aded835 100644
--- a/src/components/Footer/Footer.tsx
+++ b/src/components/Footer/Footer.tsx
@@ -15,7 +15,11 @@ export const Footer: FunctionComponent = () => {
   const containerRef = useRef<HTMLDivElement>(null);
 
   useEffect(() => {
-    fetch(`/footer/${LOCALE_MAPPING[intl.locale as ILocale]}.html`)
+    fetch(
+      `${process?.env?.PUBLIC_URL ?? ''}/footer/${
+        LOCALE_MAPPING[intl.locale as ILocale]
+      }.html`
+    )
       .then((response) => response.text())
       .then((data) => {
         const element = containerRef.current;