diff --git a/.github/workflows/jekyll-gh-pages.yml b/.github/workflows/jekyll-gh-pages.yml
index e4fb9a5..df6be09 100644
--- a/.github/workflows/jekyll-gh-pages.yml
+++ b/.github/workflows/jekyll-gh-pages.yml
@@ -39,6 +39,8 @@ jobs:
         run: npm ci
       - name: Build
         run: npm run build
+      - name: Copy index.html to 404.html
+        run: cp ./dist/index.html ./dist/404.html
       - name: Setup Pages
         uses: actions/configure-pages@v4
       - name: Upload artifact
diff --git a/src/main.tsx b/src/main.tsx
index d461413..ffb95fd 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -5,11 +5,11 @@ import {
   RouterProvider,
 } from "react-router-dom";
 
+import About from './components/About';
 import Home from './components/Home'
+import Layout from './components/Layout';
 
 import './index.css'
-import Layout from './components/Layout';
-import About from './components/About';
 
 const router = createBrowserRouter([
   {