diff --git a/src/components/ExportCalendarBtn/ExportBtn.tsx b/src/components/ExportCalendarBtn/ExportBtn.tsx
new file mode 100644
index 0000000..14bca2b
--- /dev/null
+++ b/src/components/ExportCalendarBtn/ExportBtn.tsx
@@ -0,0 +1,20 @@
+import Button from "../ui/Button/Button";
+import { useContext } from "react";
+import { AuthContext, AuthContextType } from "../../contexts/Auth/AuthContext";
+import { APP_CONFIG } from "../../config/appConfig";
+
+export default function ExportCalendarBtn() {
+
+    const { user } = useContext(AuthContext) as AuthContextType;
+    const calendarUrl = `${import.meta.env.VITE_API_URL}/api/export/ics/${user?.id}`;
+
+    return <Button
+        onClick={() => {
+            window.open(
+                `${APP_CONFIG.newCalendarURL}${calendarUrl}`
+            );
+        }}
+    >
+        Exporter
+    </Button>
+}
\ No newline at end of file
diff --git a/src/pages/Home/components/Calendar/Calendar.jsx b/src/pages/Home/components/Calendar/Calendar.jsx
index ba80de5..66f7a7b 100644
--- a/src/pages/Home/components/Calendar/Calendar.jsx
+++ b/src/pages/Home/components/Calendar/Calendar.jsx
@@ -1,9 +1,8 @@
 import {useState, useMemo, useEffect, useContext} from "react";
 import styles from "./Calendar.module.css";
 import {formatDateLetterJS} from "../../../../utils/date/formatDateLetter.js";
-import Button from "../../../../components/ui/Button/Button";
 import {AuthContext} from "../../../../contexts/Auth/AuthContext.ts";
-import ExportBtn from "./ExportBtn.tsx";
+import ExportBtn from "../../../../components/ExportCalendarBtn/ExportBtn.tsx";
 
 function
 Calendar() {
diff --git a/src/pages/Home/components/Calendar/ExportBtn.tsx b/src/pages/Home/components/Calendar/ExportBtn.tsx
deleted file mode 100644
index c5192aa..0000000
--- a/src/pages/Home/components/Calendar/ExportBtn.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import Button from "../../../../components/ui/Button/Button";
-import styles from "../../HomePage.module.css"
-import { useContext } from "react";
-import { AuthContext, AuthContextType } from "../../../../contexts/Auth/AuthContext";
-import { APP_CONFIG } from "../../../../config/appConfig";
-
-export default function ExportBtn() {
-
-    const { user } = useContext(AuthContext) as AuthContextType;
-    const calendarUrl = `${import.meta.env.VITE_API_URL}/api/export/ics/${user?.id}`;
-
-    return <Button className={styles.exportbtn}
-                   onClick={() => {
-                       window.open(
-                           `${APP_CONFIG.newCalendarURL}${calendarUrl}`
-                       );
-                   }}
-    >
-        Exporter
-    </Button>
-}
\ No newline at end of file