diff --git a/public/vite.svg b/public/vite.svg
new file mode 100644
index 0000000..45ac612
--- /dev/null
+++ b/public/vite.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128"><defs><linearGradient id="a" x1="6" x2="235" y1="33" y2="344" gradientTransform="translate(0 .937) scale(.3122)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#41d1ff"/><stop offset="1" stop-color="#bd34fe"/></linearGradient><linearGradient id="b" x1="194.651" x2="236.076" y1="8.818" y2="292.989" gradientTransform="translate(0 .937) scale(.3122)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ffea83"/><stop offset=".083" stop-color="#ffdd35"/><stop offset="1" stop-color="#ffa800"/></linearGradient></defs><path fill="url(#a)" d="M124.766 19.52 67.324 122.238c-1.187 2.121-4.234 2.133-5.437.024L3.305 19.532c-1.313-2.302.652-5.087 3.261-4.622L64.07 25.187a3.09 3.09 0 0 0 1.11 0l56.3-10.261c2.598-.473 4.575 2.289 3.286 4.594Zm0 0"/><path fill="url(#b)" d="M91.46 1.43 48.954 9.758a1.56 1.56 0 0 0-1.258 1.437l-2.617 44.168a1.563 1.563 0 0 0 1.91 1.614l11.836-2.735a1.562 1.562 0 0 1 1.88 1.836l-3.517 17.219a1.562 1.562 0 0 0 1.985 1.805l7.308-2.223c1.133-.344 2.223.652 1.985 1.812l-5.59 27.047c-.348 1.692 1.902 2.614 2.84 1.164l.625-.968 34.64-69.13c.582-1.16-.421-2.48-1.69-2.234l-12.185 2.352a1.558 1.558 0 0 1-1.793-1.965l7.95-27.562A1.56 1.56 0 0 0 91.46 1.43Zm0 0"/></svg>
diff --git a/src/components/NoteAddButton/NoteAddButton.jsx b/src/components/NoteAddButton/NoteAddButton.jsx
index 8169ac9..0b6764e 100644
--- a/src/components/NoteAddButton/NoteAddButton.jsx
+++ b/src/components/NoteAddButton/NoteAddButton.jsx
@@ -1,11 +1,14 @@
 import NoteButton from '../NoteButton/NoteButton';
 import './NoteAddButton.scss';
 
-function NoteAddButton({clearForm}) {
+function NoteAddButton({ clearForm }) {
+  
+  const baseUrl = import.meta.env.BASE_URL;
+  
   return (
     <NoteButton className="note-add" onClick={clearForm}>
       <svg width="20" height="21" viewBox="0 0 20 21">
-        <use href="/sprite.svg#add-svg"></use>
+        <use href={`${baseUrl? baseUrl + '/': ''}sprite.svg#add-svg`}></use>
       </svg>
       New memory
     </NoteButton>
diff --git a/src/components/NoteForm/NoteForm.jsx b/src/components/NoteForm/NoteForm.jsx
index c6eec8b..f4adab2 100644
--- a/src/components/NoteForm/NoteForm.jsx
+++ b/src/components/NoteForm/NoteForm.jsx
@@ -86,7 +86,7 @@ function NoteForm({ callback, data, setCurrentItem, delItem }) {
     }
   };
   
-  
+  const baseUrl = import.meta.env.BASE_URL;
   
   return (
     <form className={styles['note-form']} onSubmit={addNoteItem}>
@@ -124,7 +124,7 @@ function NoteForm({ callback, data, setCurrentItem, delItem }) {
       </div>
       <div className={styles['input-wrapper']}>
         <svg width="18" height="18" viewBox="0 0 18 18">
-          <use href="/sprite.svg#tag-svg"></use>
+          <use href={`/${baseUrl? baseUrl + '/' : ''}sprite.svg#tag-svg`}></use>
         </svg>
         <p>Tags</p>
         <input
diff --git a/vite.config.js b/vite.config.js
index 1ee63a3..3ec31d0 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -3,6 +3,6 @@ import react from '@vitejs/plugin-react-swc';
 
 // https://vite.dev/config/
 export default defineConfig({
-  base: process.env.NODE_ENV === 'production' ? '/your-repo-name/' : '/',
+  base: process.env.NODE_ENV === 'production' ? '/notes-app/' : '/',
   plugins: [react()]
 });