diff --git a/README.md b/README.md
index a0d30d0..58d74c1 100644
--- a/README.md
+++ b/README.md
@@ -72,7 +72,7 @@ As this is a vite project, you can also host your website to Netlify, Vercel, He
 
 ## 🎨 Customization
 
-All the magic happens in the file `src/gitprofile.config.js`. Open it and modify it according to your preference.
+All the magic happens in the file `gitprofile.config.js`. Open it and modify it according to your preference.
 
 These are the default values:
 
diff --git a/src/gitprofile.config.js b/gitprofile.config.js
similarity index 100%
rename from src/gitprofile.config.js
rename to gitprofile.config.js
diff --git a/src/App.jsx b/src/App.jsx
index dd2bd0d..dd2b845 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -1,7 +1,6 @@
 import axios from 'axios';
 import { Fragment, useCallback, useEffect, useState } from 'react';
 import moment from 'moment';
-import config from './gitprofile.config';
 import HeadTagEditor from './components/head-tag-editor';
 import ErrorPage from './components/error-page';
 import ThemeChanger from './components/theme-changer';
@@ -13,6 +12,7 @@ import Education from './components/education';
 import Project from './components/project';
 import Blog from './components/blog';
 import { getInitialTheme, setupHotjar } from './helpers/utils';
+import config from '../gitprofile.config';
 
 function App() {
   const [theme, setTheme] = useState(getInitialTheme());
@@ -127,7 +127,7 @@ function App() {
               error === 404 ? (
                 <p>
                   Please provide correct github username in{' '}
-                  <code>src/gitprofile.config.js</code>
+                  <code>gitprofile.config.js</code>
                 </p>
               ) : error === 429 ? (
                 <p>
diff --git a/src/components/blog/index.jsx b/src/components/blog/index.jsx
index 381750c..7a7175e 100644
--- a/src/components/blog/index.jsx
+++ b/src/components/blog/index.jsx
@@ -1,10 +1,10 @@
 import { getDevtoArticle, getMediumArticle } from 'article-api';
 import moment from 'moment';
 import { Fragment, useEffect, useState } from 'react';
-import config from '../../gitprofile.config';
 import { ga, skeleton } from '../../helpers/utils';
 import LazyImage from '../lazy-image';
 import PropTypes from 'prop-types';
+import config from '../../../gitprofile.config';
 
 const displaySection = () => {
   if (
diff --git a/src/components/details/index.jsx b/src/components/details/index.jsx
index 215b441..e18dcbf 100644
--- a/src/components/details/index.jsx
+++ b/src/components/details/index.jsx
@@ -14,7 +14,7 @@ import {
 } from 'react-icons/fa';
 import PropTypes from 'prop-types';
 import { skeleton } from '../../helpers/utils';
-import config from '../../gitprofile.config';
+import config from '../../../gitprofile.config';
 
 const ListItem = ({ icon, title, value, link, skeleton = false }) => {
   return (
diff --git a/src/components/education/index.jsx b/src/components/education/index.jsx
index b1047bd..e817c4c 100644
--- a/src/components/education/index.jsx
+++ b/src/components/education/index.jsx
@@ -1,7 +1,7 @@
 import { skeleton } from '../../helpers/utils';
-import config from '../../gitprofile.config';
 import { Fragment } from 'react';
 import PropTypes from 'prop-types';
+import config from '../../../gitprofile.config';
 
 const ListItem = ({ time, degree, institution }) => (
   <li className="mb-5 ml-4">
diff --git a/src/components/experience/index.jsx b/src/components/experience/index.jsx
index 3aa0944..9ab1b19 100644
--- a/src/components/experience/index.jsx
+++ b/src/components/experience/index.jsx
@@ -1,7 +1,7 @@
 import { skeleton } from '../../helpers/utils';
-import config from '../../gitprofile.config';
 import { Fragment } from 'react';
 import PropTypes from 'prop-types';
+import config from '../../../gitprofile.config';
 
 const ListItem = ({ time, position, company }) => (
   <li className="mb-5 ml-4">
diff --git a/src/components/head-tag-editor/index.jsx b/src/components/head-tag-editor/index.jsx
index e4ed7ce..fa3320a 100644
--- a/src/components/head-tag-editor/index.jsx
+++ b/src/components/head-tag-editor/index.jsx
@@ -1,8 +1,8 @@
 import { Fragment } from 'react';
 import { Helmet } from 'react-helmet-async';
 import PropTypes from 'prop-types';
-import config from '../../gitprofile.config';
 import { isThemeDarkish } from '../../helpers/utils';
+import config from '../../../gitprofile.config';
 
 const HeadTagEditor = ({ profile, theme }) => {
   return (
diff --git a/src/components/project/index.jsx b/src/components/project/index.jsx
index d4ad894..6c67c97 100644
--- a/src/components/project/index.jsx
+++ b/src/components/project/index.jsx
@@ -1,8 +1,8 @@
 import { Fragment } from 'react';
 import { AiOutlineStar, AiOutlineFork } from 'react-icons/ai';
 import PropTypes from 'prop-types';
-import config from '../../gitprofile.config';
 import { ga, languageColor, skeleton } from '../../helpers/utils';
+import config from '../../../gitprofile.config';
 
 const Project = ({ repo, loading }) => {
   const renderSkeleton = () => {
diff --git a/src/components/skill/index.jsx b/src/components/skill/index.jsx
index 4143375..400858d 100644
--- a/src/components/skill/index.jsx
+++ b/src/components/skill/index.jsx
@@ -1,6 +1,6 @@
-import config from '../../gitprofile.config';
 import { skeleton } from '../../helpers/utils';
 import PropTypes from 'prop-types';
+import config from '../../../gitprofile.config';
 
 const Skill = ({ loading }) => {
   const renderSkeleton = () => {
diff --git a/src/components/theme-changer/index.jsx b/src/components/theme-changer/index.jsx
index 5805573..0467872 100644
--- a/src/components/theme-changer/index.jsx
+++ b/src/components/theme-changer/index.jsx
@@ -1,7 +1,7 @@
 import { AiOutlineControl } from 'react-icons/ai';
 import { skeleton } from '../../helpers/utils';
-import config from '../../gitprofile.config';
 import PropTypes from 'prop-types';
+import config from '../../../gitprofile.config';
 
 const ThemeChanger = ({ theme, setTheme, loading }) => {
   const changeTheme = (e, selectedTheme) => {
diff --git a/src/helpers/utils.jsx b/src/helpers/utils.jsx
index 00b9c0a..efa1272 100644
--- a/src/helpers/utils.jsx
+++ b/src/helpers/utils.jsx
@@ -1,6 +1,6 @@
-import config from '../gitprofile.config';
 import colors from '../data/colors.json';
 import { hotjar } from 'react-hotjar';
+import config from '../../gitprofile.config';
 
 export const getInitialTheme = () => {
   if (config.themeConfig.disableSwitch) {