diff --git a/src/CustomAvatar.jsx b/src/components/CustomAvatar.jsx
similarity index 70%
rename from src/CustomAvatar.jsx
rename to src/components/CustomAvatar.jsx
index 9ed802c..82f6ab0 100644
--- a/src/CustomAvatar.jsx
+++ b/src/components/CustomAvatar.jsx
@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
-import defaultAvatar from './assets/avatar.svg';
-import { usePrimaryName } from './hooks/usePrimaryName';
+import defaultAvatar from '../assets/avatar.svg';
+import { usePrimaryName } from '../hooks/usePrimaryName';
 
 export const CustomAvatar = ({ size }) => {
   const { avatar } = usePrimaryName();
diff --git a/src/main.jsx b/src/main.jsx
index 243ff51..2d3e3ab 100644
--- a/src/main.jsx
+++ b/src/main.jsx
@@ -12,7 +12,7 @@ import {
   WALLET_CONNECT_APP_NAME,
   WALLET_CONNECT_PROJECT_ID,
 } from './constants.js';
-import { CustomAvatar } from './CustomAvatar.jsx';
+import { CustomAvatar } from './components/CustomAvatar.jsx';
 
 import '@rainbow-me/rainbowkit/styles.css';
 import 'react-loading-skeleton/dist/skeleton.css';