diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
index 2a9b626..8124704 100644
--- a/.github/workflows/deploy.yml
+++ b/.github/workflows/deploy.yml
@@ -68,7 +68,7 @@ jobs:
       - name: Upload artifact
         uses: actions/upload-pages-artifact@v3
         with:
-          path: ./out
+          path: ./.next
 
   # Deployment job
   deploy:
diff --git a/app/_components/_about/about.tsx b/app/_components/_about/about.tsx
index ca71f46..a70691a 100644
--- a/app/_components/_about/about.tsx
+++ b/app/_components/_about/about.tsx
@@ -1,4 +1,5 @@
 import LoadingSpinner from "@/app/_components/loading-spinner";
+import Location from "@/app/_components/_about/location";
 import { PhotoIcon } from "@heroicons/react/20/solid";
 import Socials from "@/app/_components/_about/socials";
 import { Metadata } from "next";
@@ -53,27 +54,7 @@ export default function About(props: AboutProps) {
 
             <div className="mt-10 grid grid-cols-1 gap-x-6 gap-y-8 sm:grid-cols-6">
               <div className="sm:col-span-4">
-                <label
-                  htmlFor="username"
-                  className="block text-sm font-medium leading-6 text-gray-900"
-                >
-                  Username
-                </label>
-                <div className="mt-2">
-                  <div className="flex rounded-md shadow-sm ring-1 ring-inset ring-gray-300 focus-within:ring-2 focus-within:ring-inset focus-within:ring-indigo-600 sm:max-w-md">
-                    <span className="flex select-none items-center pl-3 text-gray-500 sm:text-sm">
-                      workcation.com/
-                    </span>
-                    <input
-                      id="username"
-                      name="username"
-                      type="text"
-                      placeholder="janesmith"
-                      autoComplete="username"
-                      className="block flex-1 border-0 bg-transparent py-1.5 pl-1 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm sm:leading-6"
-                    />
-                  </div>
-                </div>
+                <Location location={about.location}/>
               </div>
 
               <div className="col-span-full">
diff --git a/app/_components/_about/location.tsx b/app/_components/_about/location.tsx
index 2493815..c71d9e2 100644
--- a/app/_components/_about/location.tsx
+++ b/app/_components/_about/location.tsx
@@ -1,7 +1,7 @@
 import { LocationSchema } from "@/app/_utils/schemas";
 
 interface LocationProps {
-  location: LocationSchema;
+  location?: LocationSchema;
 }
 
 export default function Location(props: LocationProps) {