diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index 7d9e6de..f4e315a 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -4,7 +4,8 @@
     <option name="autoReloadType" value="SELECTIVE" />
   </component>
   <component name="ChangeListManager">
-    <list default="true" id="b30e2810-c4c1-4aad-b134-794e52cc1c7d" name="Changes" comment="docs: img">
+    <list default="true" id="b30e2810-c4c1-4aad-b134-794e52cc1c7d" name="Changes" comment="fix: bg">
+      <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/src/pages/home/index.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/src/pages/home/index.tsx" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
@@ -258,15 +259,7 @@
       <workItem from="1740459961271" duration="66000" />
       <workItem from="1740460036909" duration="8299000" />
       <workItem from="1740490890760" duration="1889000" />
-      <workItem from="1740503199053" duration="208000" />
-    </task>
-    <task id="LOCAL-00071" summary="fix: misc">
-      <option name="closed" value="true" />
-      <created>1719491470485</created>
-      <option name="number" value="00071" />
-      <option name="presentableId" value="LOCAL-00071" />
-      <option name="project" value="LOCAL" />
-      <updated>1719491470485</updated>
+      <workItem from="1740503199053" duration="832000" />
     </task>
     <task id="LOCAL-00072" summary="style: lint">
       <option name="closed" value="true" />
@@ -652,7 +645,15 @@
       <option name="project" value="LOCAL" />
       <updated>1740503310228</updated>
     </task>
-    <option name="localTasksCounter" value="120" />
+    <task id="LOCAL-00120" summary="fix: bg">
+      <option name="closed" value="true" />
+      <created>1740503419102</created>
+      <option name="number" value="00120" />
+      <option name="presentableId" value="LOCAL-00120" />
+      <option name="project" value="LOCAL" />
+      <updated>1740503419102</updated>
+    </task>
+    <option name="localTasksCounter" value="121" />
     <servers />
   </component>
   <component name="TypeScriptGeneratedFilesManager">
@@ -684,7 +685,6 @@
     <option name="CHECK_CODE_SMELLS_BEFORE_PROJECT_COMMIT" value="false" />
     <option name="CHECK_NEW_TODO" value="false" />
     <option name="ADD_EXTERNAL_FILES_SILENTLY" value="true" />
-    <MESSAGE value="fix: style" />
     <MESSAGE value="feat: find unique ui" />
     <MESSAGE value="feat: group list ui" />
     <MESSAGE value="feat: reverse list ui" />
@@ -709,7 +709,8 @@
     <MESSAGE value="chore: style" />
     <MESSAGE value="style: background svg" />
     <MESSAGE value="docs: img" />
-    <option name="LAST_COMMIT_MESSAGE" value="docs: img" />
+    <MESSAGE value="fix: bg" />
+    <option name="LAST_COMMIT_MESSAGE" value="fix: bg" />
   </component>
   <component name="XSLT-Support.FileAssociations.UIState">
     <expand />
diff --git a/src/pages/home/index.tsx b/src/pages/home/index.tsx
index 73662c1..4885cb2 100644
--- a/src/pages/home/index.tsx
+++ b/src/pages/home/index.tsx
@@ -1,6 +1,7 @@
 import { Box } from '@mui/material';
 import Hero from 'components/Hero';
 import Categories from './Categories';
+import background from '@assets/background.svg';
 
 export default function Home() {
   return (
@@ -9,7 +10,7 @@ export default function Home() {
         xs: 1,
         md: 3,
         lg: 5,
-        background: 'url(assets/background.svg)',
+        background: `url(${background})`,
         backgroundColor: '#F5F5FA'
       }}
       display={'flex'}