diff --git a/src/renderer/src/constants.ts b/src/renderer/src/constants.ts
index 83293cb6..9db659dc 100644
--- a/src/renderer/src/constants.ts
+++ b/src/renderer/src/constants.ts
@@ -14,3 +14,5 @@ export const DOWNLOADER_NAME = {
 };
 
 export const MAX_MINUTES_TO_SHOW_IN_PLAYTIME = 120;
+
+export const WEB_STORE_URL = "https://hydrathemes.shop";
diff --git a/src/renderer/src/pages/settings/aparence/components/theme-actions.tsx b/src/renderer/src/pages/settings/aparence/components/theme-actions.tsx
index 3f98d8cc..3be3cb51 100644
--- a/src/renderer/src/pages/settings/aparence/components/theme-actions.tsx
+++ b/src/renderer/src/pages/settings/aparence/components/theme-actions.tsx
@@ -4,8 +4,7 @@ import { useTranslation } from "react-i18next";
 import { AddThemeModal, DeleteAllThemesModal } from "../index";
 import "./theme-actions.scss";
 import { useState } from "react";
-
-export const WEB_STORE_URL = "https://hydrathemes.shop";
+import { WEB_STORE_URL } from "@renderer/constants";
 
 interface ThemeActionsProps {
   onListUpdated: () => void;
diff --git a/src/renderer/src/pages/settings/aparence/components/theme-card.tsx b/src/renderer/src/pages/settings/aparence/components/theme-card.tsx
index d6226b7e..35c18d85 100644
--- a/src/renderer/src/pages/settings/aparence/components/theme-card.tsx
+++ b/src/renderer/src/pages/settings/aparence/components/theme-card.tsx
@@ -7,6 +7,7 @@ import "./theme-card.scss";
 import { useState } from "react";
 import { DeleteThemeModal } from "../modals/delete-theme-modal";
 import { injectCustomCss, removeCustomCss } from "@renderer/helpers";
+import { WEB_STORE_URL } from "@renderer/constants";
 
 interface ThemeCardProps {
   theme: Theme;
@@ -103,7 +104,7 @@ export const ThemeCard = ({ theme, onListUpdated }: ThemeCardProps) => {
           <div className="theme-card__actions__right">
             <Button
               className={
-                theme.code.startsWith("https://hydrathemes.shop/")
+                theme.code.startsWith(WEB_STORE_URL)
                   ? "theme-card__actions__right--external"
                   : ""
               }
diff --git a/src/renderer/src/pages/settings/aparence/modals/import-theme-modal.tsx b/src/renderer/src/pages/settings/aparence/modals/import-theme-modal.tsx
index b22809ff..5d8ae657 100644
--- a/src/renderer/src/pages/settings/aparence/modals/import-theme-modal.tsx
+++ b/src/renderer/src/pages/settings/aparence/modals/import-theme-modal.tsx
@@ -6,6 +6,7 @@ import { Theme } from "@types";
 import { injectCustomCss, removeCustomCss } from "@renderer/helpers";
 import { useToast } from "@renderer/hooks";
 import { UserProfile } from "@types";
+import { WEB_STORE_URL } from "@renderer/constants";
 interface ImportThemeModalProps {
   visible: boolean;
   onClose: () => void;
@@ -36,7 +37,7 @@ export const ImportThemeModal = ({
       isActive: false,
       author: author?.id,
       authorName: author?.displayName,
-      code: `https://hydrathemes.shop/themes/${themeName}.css`,
+      code: `${WEB_STORE_URL}/themes/${themeName}/theme.css`,
       createdAt: new Date(),
       updatedAt: new Date(),
     };