diff --git a/frontend/app/api/config.js b/frontend/app/api/config.js
index 2491dd2..7eb8ada 100644
--- a/frontend/app/api/config.js
+++ b/frontend/app/api/config.js
@@ -1,4 +1,4 @@
-let API_URL = "/api/v1";
+export let API_URL = "/api/v1";
 
 if (process.env.API_URL) {
   API_URL = process.env.API_URL;
diff --git a/frontend/app/components/ColorPicker/ColorPicker.jsx b/frontend/app/components/ColorPicker/ColorPicker.jsx
index e2f6e21..360bde5 100644
--- a/frontend/app/components/ColorPicker/ColorPicker.jsx
+++ b/frontend/app/components/ColorPicker/ColorPicker.jsx
@@ -3,6 +3,7 @@
 import { useState } from "react";
 import Styles from "./ColorPicker.module.css";
 import { useUserStore } from "@/app/store/user-store";
+import { API_URL } from "@/app/api/config";
 
 export const ColorPicker = (props) => {
   const userStore = useUserStore();
@@ -42,7 +43,7 @@ export const ColorPicker = (props) => {
             className={`circle border small s2`}
             onClick={() => {
               props.theme(
-                `/api/proxy/image?url=${userStore.user.profile.avatar}`,
+                `${API_URL}/proxy/image?url=${userStore.user.profile.avatar}`,
               );
             }}
           >