diff --git a/src/components/Settings.jsx b/src/components/Settings.jsx
index 43288dbe..51680711 100644
--- a/src/components/Settings.jsx
+++ b/src/components/Settings.jsx
@@ -3,7 +3,8 @@
 import React, { useEffect, useState } from 'react'
 import { Button } from '@nextui-org/react'
 
-import { get, post } from '@/lib/Axios'
+import { useAxios } from '@/hooks/useAxios'
+
 import { useRecoilState } from 'recoil'
 import { customSettingsState } from '@/store/canvasAtom'
 import { modalContent, modalState } from '@/store/modalAtom'
@@ -20,6 +21,8 @@ export default function Settings() {
   const [open, setOpen] = useRecoilState(modalState)
   const [contents, setContent] = useRecoilState(modalContent)
 
+  const { get, post } = useAxios()
+
   const handleSavePopup = () => {
     console.log('color ', color)
   }