diff --git a/src/components/BookAChat/index.tsx b/src/components/BookAChat/index.tsx
index eb1a0a44..a8b8a28a 100644
--- a/src/components/BookAChat/index.tsx
+++ b/src/components/BookAChat/index.tsx
@@ -1,7 +1,7 @@
 import { addMinutes } from "date-fns";
 import dateFormat from "dateformat";
 import _ from "lodash";
-import React, { Fragment, useMemo, useState } from "react";
+import React, { Fragment, useEffect, useMemo, useState } from "react";
 import {
   CreateChatRequestInput,
   DateInterval,
@@ -11,9 +11,11 @@ import {
   useGetAvailOverrideDatesQuery,
   useGetAvailWeeklysQuery,
   useGetChatRequestsQuery,
+  useGetMyUserQuery,
 } from "../../generated/graphql";
+import { useCurrentProfile } from "../../hooks";
 import useTimezoneConverters from "../../hooks/useTimezoneConverters";
-import { Button, Card, Modal, Text, TextArea } from "../atomic";
+import { Button, Card, Input, Modal, Text, TextArea } from "../atomic";
 import Calendar from "../Calendar";
 import { getDatesInThisMonth } from "../Calendar/utils";
 import OneOptionModal from "../OneOptionModal";
@@ -101,6 +103,8 @@ const BookAChat = ({ mentor }: BookAChatProps) => {
     useGetChatRequestsQuery({
       variables: { profileId: mentor.profileId },
     });
+  const { data: user } = useGetMyUserQuery();
+  const currentProfile = useCurrentProfile();
 
   const [createChatRequest] = useCreateChatRequestMutation({
     refetchQueries: [
@@ -112,10 +116,18 @@ const BookAChat = ({ mentor }: BookAChatProps) => {
   const [loadingCreateChatRequest, setLoadingCreateChatRequest] =
     useState(false);
   const [chatRequestMessage, setChatRequestMessage] = useState("");
+  const [location, setlocation] = useState(
+    user?.getMyUser.preferredChatLocation
+  );
+
+  useEffect(() => {
+    setlocation(user?.getMyUser.preferredChatLocation);
+  }, [user?.getMyUser]);
 
   loadingCreateChatRequest; // TODO: Use this variable
 
-  if (!fromUTC || !toUTC) return <Fragment />;
+  if (!fromUTC || !toUTC || !user || !currentProfile.currentProfile)
+    return <Fragment />;
 
   const extractDates = (
     input: {
@@ -208,19 +220,19 @@ const BookAChat = ({ mentor }: BookAChatProps) => {
 
   return (
     <div>
-      <div className="h-4"></div>
+      <div className="h-4" />
       <Text h2>
         Book a chat with{" "}
         <b>
           {mentor.user.firstName} {mentor.user.lastName}
         </b>
       </Text>
-      <div className="h-2"></div>
+      <div className="h-2" />
       <Text className="text-secondary">
         If no times are open, the mentor is either completely booked or has not
         set availabilities yet.
       </Text>
-      <div className="h-8"></div>
+      <div className="h-8" />
 
       <div className="flex">
         <Card className="p-12">
@@ -254,14 +266,14 @@ const BookAChat = ({ mentor }: BookAChatProps) => {
           />
         </Card>
 
-        <div className="w-8"></div>
+        <div className="w-8" />
         <Card className="p-12 w-80">
           <div>
             <Text b1 b>
               Available Times
             </Text>
           </div>
-          <div className="h-2"></div>
+          <div className="h-2" />
           <div>
             <Text b className="text-secondary">
               {selectedDate
@@ -270,16 +282,18 @@ const BookAChat = ({ mentor }: BookAChatProps) => {
             </Text>
           </div>
 
-          <div className="h-4"></div>
+          <div className="h-4" />
           <div className="h-80 box-border flex flex-col gap-2 overflow-y-auto">
             {timeslots.map((timeslot) => {
               return (
                 <button
+                  key={timeslot.startTime.toISOString()}
                   className="border border-inactive text-center w-full p-2 cursor-pointer hover:border-primary duration-150"
                   onClick={() => {
                     setSendChatModalOpen(true);
                     setSelectedTimeslot(timeslot);
                     setChatRequestMessage("");
+                    setlocation("");
                   }}
                 >
                   {dateFormat(timeslot.startTime, "h:MMtt")} -{" "}
@@ -296,7 +310,7 @@ const BookAChat = ({ mentor }: BookAChatProps) => {
           setSendChatModalOpen(false);
         }}
       >
-        <div className="p-4 flex flex-col items-center">
+        <div className="p-4 flex flex-col items-center w-144">
           <div>
             <Text>
               Send Chat Request to{" "}
@@ -305,7 +319,7 @@ const BookAChat = ({ mentor }: BookAChatProps) => {
               </Text>
             </Text>
           </div>
-          <div className="h-2"></div>
+          <div className="h-2" />
           <div>
             <Text b>Date:</Text>{" "}
             <Text>
@@ -319,20 +333,39 @@ const BookAChat = ({ mentor }: BookAChatProps) => {
               {dateFormat(selectedTimeslot?.endTime, "h:MMtt")}
             </Text>
           </div>
-          <div className="h-6"></div>
-
+          <div className="h-6" />
+          <Text b className="w-full">
+            Preferred meeting location:
+          </Text>
+          <Text i secondary>
+            You can set your default preferred location in Profile {">"} My
+            General Profile. Keep in mind that the mentor has the final say on
+            location!
+          </Text>
+          <div className="h-4" />
+          <Input
+            placeholder="Favorite coffee shop address, zoom link, or other"
+            className="w-full"
+            value={location}
+            onChange={(e) => setlocation(e.target.value)}
+          />
+          <div className="h-6" />
+          <Text b className="w-full">
+            Optional Message
+          </Text>
+          <div className="h-2" />
           <TextArea
             value={chatRequestMessage}
             onChange={(e: any) => {
               const target = e.target as HTMLTextAreaElement;
               setChatRequestMessage(target.value);
             }}
-            className="p-2 w-96"
-            placeholder="Optional message"
-          ></TextArea>
-          <div className="h-8"></div>
+            className="p-2 w-full"
+            placeholder="Hi! My name is John Doe, and I'd love to talk to you about your experience at the circus!"
+          />
+          <div className="h-8" />
 
-          <div className="flex">
+          <div className="w-full flex justify-between">
             <Button
               variant="inverted"
               size="small"
@@ -342,7 +375,6 @@ const BookAChat = ({ mentor }: BookAChatProps) => {
             >
               Cancel
             </Button>
-            <div className="w-2"></div>
             <Button
               size="small"
               onClick={() => {
@@ -350,7 +382,9 @@ const BookAChat = ({ mentor }: BookAChatProps) => {
                 setLoadingCreateChatRequest(true);
                 const createChatRequestInput: CreateChatRequestInput = {
                   mentorProfileId: mentor.profileId,
+                  menteeProfileId: currentProfile.currentProfile.profileId,
                   chatRequestMessage: chatRequestMessage,
+                  chatLocation: location || "",
                   chatStartTime: toUTC(selectedTimeslot.startTime).getTime(),
                   chatEndTime: toUTC(selectedTimeslot.endTime).getTime(),
                 };
@@ -358,11 +392,13 @@ const BookAChat = ({ mentor }: BookAChatProps) => {
                   variables: {
                     data: createChatRequestInput,
                   },
-                }).then(() => {
-                  setLoadingCreateChatRequest(false);
-                  setSendChatModalOpen(false);
-                  _.delay(setChatSentConfirmModalOpen, 250, true);
-                });
+                })
+                  .catch((err) => console.log(err))
+                  .then(() => {
+                    setLoadingCreateChatRequest(false);
+                    setSendChatModalOpen(false);
+                    _.delay(setChatSentConfirmModalOpen, 250, true);
+                  });
               }}
             >
               Send
diff --git a/src/components/ProfileModal.tsx b/src/components/ProfileModal.tsx
index 5bf44c79..45a04dd0 100644
--- a/src/components/ProfileModal.tsx
+++ b/src/components/ProfileModal.tsx
@@ -75,15 +75,25 @@ const ProfileModal = ({
               <div>
                 <div>
                   <div className="rounded bg-tertiary p-4">
-                    <table className="table-auto">
-                      <tr>
-                        <td>
-                          <Text b>Email:</Text>
-                        </td>
-                        <td className="pl-4">
-                          <Text>{profile.user.email}</Text>
-                        </td>
-                      </tr>
+                    <table className="table-auto w-96">
+                      <tbody>
+                        <tr>
+                          <td>
+                            <Text b>Email:</Text>
+                          </td>
+                          <td className="pl-4">
+                            <Text>{profile.user.email}</Text>
+                          </td>
+                        </tr>
+                        <tr>
+                          <td>
+                            <Text b>Preferred Location:</Text>
+                          </td>
+                          <td className="pl-4">
+                            {profile.user.preferredChatLocation}
+                          </td>
+                        </tr>
+                      </tbody>
                     </table>
                   </div>
                 </div>
diff --git a/src/components/ReviewChats/ChatRequestFilterer.tsx b/src/components/ReviewChats/ChatRequestFilterer.tsx
index b08d7ec9..a7a6e9f5 100644
--- a/src/components/ReviewChats/ChatRequestFilterer.tsx
+++ b/src/components/ReviewChats/ChatRequestFilterer.tsx
@@ -16,6 +16,7 @@ import InlineProfileAvatar from "../InlineProfileAvatar";
 import ListFilterer from "../ListFilterer";
 import OneOptionModal from "../OneOptionModal";
 import ProfileModal from "../ProfileModal";
+import TitledInput from "../TitledInput";
 import ModifyChatRequestModal from "./ChatRequestMutators";
 
 type ChatRequestPartial = Omit<
@@ -108,12 +109,17 @@ const ChatRequestListItem = ({
   chatRequest,
   onChatRequestAccept,
 }: ChatRequestListItemProps) => {
-  const [isRejectModalOpen, setIsRejectModalOpen] = useState(false);
+  const [isRejectModalOpen, setRejectModalOpen] = useState(false);
   const [rejectMessage, setRejectMessage] = useState("");
 
+  const [isSetLocationModalOpen, setSetLocationModalOpen] = useState(false);
+  const [location, setLocation] = useState(
+    chatRequest.mentorProfile.user.preferredChatLocation
+  );
   const [acceptChatRequestMutation] = useAcceptChatRequestMutation({
     variables: {
       chatRequestId: chatRequest.chatRequestId,
+      chatLocation: location,
     },
     refetchQueries: [
       refetchGetChatRequestsQuery({
@@ -138,13 +144,7 @@ const ChatRequestListItem = ({
             className="hover:bg-inactive p-1 rounded"
             title="Accept Chat Request"
             onClick={() => {
-              acceptChatRequestMutation().then(() => {
-                onChatRequestAccept(
-                  chatRequest.menteeProfile.user.firstName +
-                    " " +
-                    chatRequest.menteeProfile.user.lastName
-                );
-              });
+              setSetLocationModalOpen(true);
             }}
           >
             <CircledCheck className="h-8 w-8" />
@@ -153,7 +153,7 @@ const ChatRequestListItem = ({
             className="hover:bg-inactive p-1 rounded"
             title="Reject Chat Request"
             onClick={() => {
-              setIsRejectModalOpen(true);
+              setRejectModalOpen(true);
             }}
           >
             <CircledCross className="h-8 w-8" />
@@ -186,20 +186,70 @@ const ChatRequestListItem = ({
         <div className="md:w-8 lg:w-12" />
       </div>
       <Modal
-        isOpen={isRejectModalOpen}
+        isOpen={isSetLocationModalOpen}
         onClose={() => {
-          setIsRejectModalOpen(false);
+          setSetLocationModalOpen(false);
         }}
       >
-        <div className="p-4 flex flex-col items-center">
-          <div>
-            <Text>
-              Let {chatRequest.menteeProfile.user.firstName} know why you are
-              rejecting the request:
-            </Text>
+        <div className="p-4 flex flex-col space-y-6">
+          <Text h3 b>
+            Accept Chat Request
+          </Text>
+          <Text>
+            {chatRequest.menteeProfile.user.firstName} has specified that they
+            prefer to meet here:
+            <br className="h-2" />
+            <Text i>{chatRequest.chatLocation}</Text>
+          </Text>
+          <TitledInput
+            title="Confirm the location:"
+            className="w-144"
+            placeholder="Set your default location in Profile Picture > My General Profile"
+            value={location}
+            onChange={(e) => setLocation(e.target.value)}
+          />
+          <div className="w-full flex justify-between">
+            <Button
+              size="small"
+              variant="inverted"
+              onClick={() => setSetLocationModalOpen(false)}
+            >
+              Cancel
+            </Button>
+            <Button
+              size="small"
+              onClick={() => {
+                acceptChatRequestMutation().then(() => {
+                  onChatRequestAccept(
+                    chatRequest.menteeProfile.user.firstName +
+                      " " +
+                      chatRequest.menteeProfile.user.lastName
+                  );
+                });
+                setSetLocationModalOpen(false);
+              }}
+            >
+              Confirm
+            </Button>
           </div>
-          <div className="h-6"></div>
-
+        </div>
+      </Modal>
+      <Modal
+        isOpen={isRejectModalOpen}
+        onClose={() => {
+          setRejectModalOpen(false);
+        }}
+      >
+        <div className="p-4 flex flex-col">
+          <Text h3 b>
+            Reject Chat Request
+          </Text>
+          <div className="h-6" />
+          <Text>
+            Let {chatRequest.menteeProfile.user.firstName} know why you are
+            rejecting the request:
+          </Text>
+          <div className="h-6" />
           <TextArea
             value={rejectMessage}
             onChange={(e: any) => {
@@ -208,20 +258,19 @@ const ChatRequestListItem = ({
             }}
             className="w-96"
             placeholder="Reason for rejection"
-          ></TextArea>
-          <div className="h-8"></div>
+          />
+          <div className="h-8" />
 
-          <div className="flex">
+          <div className="flex justify-between">
             <Button
               variant="inverted"
               size="small"
               onClick={() => {
-                setIsRejectModalOpen(false);
+                setRejectModalOpen(false);
               }}
             >
               Cancel
             </Button>
-            <div className="w-2"></div>
             <Button
               size="small"
               onClick={() => {
@@ -231,7 +280,7 @@ const ChatRequestListItem = ({
                     chatRejectMessage: rejectMessage,
                   },
                 });
-                setIsRejectModalOpen(false);
+                setRejectModalOpen(false);
               }}
             >
               Reject
@@ -256,15 +305,17 @@ const ChatRequestsList = ({ title, chatRequests }: ChatRequestsListProps) => {
     <Fragment>
       <div className="flex flex-col px-8 py-6">
         <Text h3>{title}</Text>
-        <div className="h-4"></div>
+        <div className="h-4" />
         {chatRequests.length > 0 ? (
           chatRequests.map((cr) => (
             <ChatRequestListItem
               key={cr.chatRequestId}
               chatRequest={cr}
               onChatRequestAccept={(mentee: string) => {
-                setIsAcceptModalOpen(true);
-                setMentee(mentee);
+                setTimeout(() => {
+                  setIsAcceptModalOpen(true);
+                  setMentee(mentee);
+                }, 250);
               }}
             />
           ))
diff --git a/src/graphql/mutations/chatRequests/acceptChatRequest.graphql b/src/graphql/mutations/chatRequests/acceptChatRequest.graphql
index d0042bd9..bf4d9733 100644
--- a/src/graphql/mutations/chatRequests/acceptChatRequest.graphql
+++ b/src/graphql/mutations/chatRequests/acceptChatRequest.graphql
@@ -1,5 +1,8 @@
-mutation acceptChatRequest($chatRequestId: String!) {
-  acceptChatRequest(chatRequestId: $chatRequestId) {
+mutation acceptChatRequest($chatRequestId: String!, $chatLocation: String!) {
+  acceptChatRequest(
+    chatRequestId: $chatRequestId
+    chatLocation: $chatLocation
+  ) {
     chatRequestId
   }
 }
diff --git a/src/graphql/queries/getChatRequests.graphql b/src/graphql/queries/getChatRequests.graphql
index e91dade7..9801c901 100644
--- a/src/graphql/queries/getChatRequests.graphql
+++ b/src/graphql/queries/getChatRequests.graphql
@@ -6,6 +6,7 @@ query getChatRequests($profileId: String!) {
     chatEndTime
     chatRequestMessage
     chatRejectMessage
+    chatLocation
     mentorProfileId
     mentorProfile {
       profileJson
@@ -13,6 +14,7 @@ query getChatRequests($profileId: String!) {
       bio
       user {
         email
+        preferredChatLocation
         firstName
         lastName
         profilePictureUrl
diff --git a/src/graphql/queries/getMyUser.graphql b/src/graphql/queries/getMyUser.graphql
index 763f1709..8844b86e 100644
--- a/src/graphql/queries/getMyUser.graphql
+++ b/src/graphql/queries/getMyUser.graphql
@@ -4,6 +4,7 @@ query getMyUser {
     email
     firstName
     lastName
+    preferredChatLocation
     profilePictureUrl
     timezone
     profiles {
diff --git a/src/graphql/queries/getProfiles.graphql b/src/graphql/queries/getProfiles.graphql
index 909d782e..ff0e4f61 100644
--- a/src/graphql/queries/getProfiles.graphql
+++ b/src/graphql/queries/getProfiles.graphql
@@ -8,6 +8,7 @@ query getProfiles($programId: String!, $profileType: String!) {
     user {
       userId
       email
+      preferredChatLocation
       firstName
       lastName
       profilePictureUrl
diff --git a/src/layouts/AuthorizationWrapper.tsx b/src/layouts/AuthorizationWrapper.tsx
index bfe4bd5e..5ca979ae 100644
--- a/src/layouts/AuthorizationWrapper.tsx
+++ b/src/layouts/AuthorizationWrapper.tsx
@@ -3,6 +3,7 @@ import React, { Fragment } from "react";
 import ErrorScreen, { ErrorScreenType } from "../components/ErrorScreen";
 import { AuthorizationLevel, useAuthorizationLevel } from "../hooks";
 import AuthenticationModal from "../components/Authentication/AuthenticationModal";
+import { useAuth } from "../utils/firebase/auth";
 
 interface AuthorizationWrapperProps {
   canView?: AuthorizationLevel[];
@@ -12,9 +13,15 @@ const AuthorizationWrapper: React.FC<AuthorizationWrapperProps> = ({
   children,
   canView,
 }) => {
+  const { loading } = useAuth();
   const router = useRouter();
   const authorizationLevel = useAuthorizationLevel();
 
+  if (loading) {
+    console.log("loading");
+    return <>Loading Screen</>;
+  }
+
   if (authorizationLevel === AuthorizationLevel.WaitingForUserData)
     return <Fragment />;
 
diff --git a/src/layouts/TabLayout/NoMatchingProfileTabLayout.tsx b/src/layouts/TabLayout/NoMatchingProfileTabLayout.tsx
index 8c1d18ee..1db0574f 100644
--- a/src/layouts/TabLayout/NoMatchingProfileTabLayout.tsx
+++ b/src/layouts/TabLayout/NoMatchingProfileTabLayout.tsx
@@ -11,7 +11,7 @@ import TabLayout, { BaseTabLayoutProps } from "./TabLayout";
 const NoMatchingProfileLayout: React.FC<BaseTabLayoutProps> = ({
   children,
 }) => {
-  const { user } = useAuth();
+  const { user, setLoading } = useAuth();
   const router = useRouter();
 
   if (user == null) {
@@ -33,6 +33,7 @@ const NoMatchingProfileLayout: React.FC<BaseTabLayoutProps> = ({
         className={pageItemStyles}
         onClick={() => {
           LocalStorage.delete("cachedProfileSlug");
+          setLoading(true);
           router.push("/");
         }}
       >
diff --git a/src/layouts/TabLayout/TabLayout.tsx b/src/layouts/TabLayout/TabLayout.tsx
index fa3b4a60..4f443d5b 100644
--- a/src/layouts/TabLayout/TabLayout.tsx
+++ b/src/layouts/TabLayout/TabLayout.tsx
@@ -4,6 +4,7 @@ import { useRouter } from "next/router";
 import React, { ReactNode, useEffect, useState } from "react";
 import { Text } from "../../components/atomic";
 import TabFooterMenu from "../../components/TabFooterMenu";
+import { useAuth } from "../../utils/firebase/auth";
 import LocalStorage from "../../utils/localstorage";
 import ProgramDropdown from "./ProgramDropdown";
 
@@ -76,12 +77,16 @@ const TabLayout: React.FC<TabLayoutProps> & {
     Icon: React.FC<React.SVGProps<SVGSVGElement>>;
   }>;
 } = ({ children, currentPageChildren }) => {
+  const { loading } = useAuth();
+
   return (
     <div className="flex h-screen w-screen">
       <div className="flex flex-col h-screen w-72 flex-shrink-0 bg-white shadow-lg relative">
         <ProgramDropdown />
         <div className="h-0.25 w-full bg-tertiary flex-shrink-0"></div>
-        <div className="overflow-y-auto h-full">{children}</div>
+        <div className="overflow-y-auto h-full">
+          {loading ? <>Loading Screen</> : children}
+        </div>
         <TabFooterMenu />
       </div>
       <div className="flex-grow overflow-x-hidden">{currentPageChildren}</div>
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 4b640ceb..254e66cc 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -34,7 +34,9 @@ const BlobCircle = () => {
 const IndexPage: PageGetProgramBySlugComp = (_) => {
   const router = useRouter();
   const authorizationLevel = useAuthorizationLevel();
-  const { user } = useAuth();
+  const { user, setLoading } = useAuth();
+  //This is so that universally (wherever you log out from), you'll stop the loading screen here
+  setLoading(false);
 
   if (authorizationLevel === AuthorizationLevel.Unauthenticated) {
     if (user)
@@ -183,36 +185,32 @@ type ProgramRowProps = {
   profileType: ProfileType;
 };
 
-const ProgramRow = ({ iconUrl, name, route, profileType }: ProgramRowProps) => {
-  return (
-    <div className="flex items-center justify-between">
-      <div className="flex gap-4 items-center">
-        <img
-          src={iconUrl}
-          alt={`Program ${name} icon`}
-          className="h-10 w-10 col-span-1"
-        />
-        <div className="flex flex-col">
-          <Text>{name}</Text>
-          <Text className="text-secondary text-caption">
-            {MAP_PROFILETYPE_TO_NAME[profileType]}
-          </Text>
-        </div>
+const ProgramRow = ({ iconUrl, name, route, profileType }: ProgramRowProps) => (
+  <div className="flex items-center justify-between">
+    <div className="flex gap-4 items-center">
+      <img
+        src={iconUrl}
+        alt={`Program ${name} icon`}
+        className="h-10 w-10 col-span-1"
+      />
+      <div className="flex flex-col">
+        <Text>{name}</Text>
+        <Text className="text-secondary text-caption">
+          {MAP_PROFILETYPE_TO_NAME[profileType]}
+        </Text>
       </div>
-      <Text
-        u
-        b
-        className="text-secondary hover:cursor-pointer hover:text-primary"
-      >
-        <Link
-          href={`/program/${route}/${MAP_PROFILETYPE_TO_ROUTE[profileType]}`}
-        >
-          Go to Homepage
-        </Link>
-      </Text>
     </div>
-  );
-};
+    <Text
+      u
+      b
+      className="text-secondary hover:cursor-pointer hover:text-primary"
+    >
+      <Link href={`/program/${route}/${MAP_PROFILETYPE_TO_ROUTE[profileType]}`}>
+        Go to Homepage
+      </Link>
+    </Text>
+  </div>
+);
 
 interface ApplicationRowProps {
   application: GetMyUserApplicationsQuery["getMyUser"]["applications"][number];
diff --git a/src/pages/my/profile.tsx b/src/pages/my/profile.tsx
index 73a503d8..2fc9bbfa 100644
--- a/src/pages/my/profile.tsx
+++ b/src/pages/my/profile.tsx
@@ -24,6 +24,9 @@ const GeneralProfile: Page = () => {
   const [modified, setModified] = useState(false);
   const [firstName, setFirstName] = useState(data?.getMyUser.firstName);
   const [lastName, setLastName] = useState(data?.getMyUser.lastName);
+  const [location, setLocation] = useState(
+    data?.getMyUser.preferredChatLocation
+  );
   const { setSnackbarMessage } = useSnackbar();
 
   const [profilePicture, setProfilePicture] = useState<File | null>();
@@ -38,6 +41,7 @@ const GeneralProfile: Page = () => {
       setFirstName(data.getMyUser.firstName);
       setLastName(data.getMyUser.lastName);
       setSrc(data.getMyUser.profilePictureUrl);
+      setLocation(data.getMyUser.preferredChatLocation);
       setProfilePicture(null);
       setError(null);
     }
@@ -81,6 +85,7 @@ const GeneralProfile: Page = () => {
                     firstName: firstName,
                     lastName: lastName,
                     profilePictureUrl: url,
+                    preferredChatLocation: location,
                   },
                 },
               });
@@ -93,7 +98,9 @@ const GeneralProfile: Page = () => {
         </div>
         <div className="h-4" />
         {data?.getMyUser ? (
-          <Card className="p-10 space-y-4 col-span-7">
+          <Card className="p-10 space-y-4 col-span-9">
+            <Text className="text-error">{error}</Text>
+            <div />
             <Text h3 b>
               Profile Picture
             </Text>
@@ -129,7 +136,16 @@ const GeneralProfile: Page = () => {
                 }}
               />
             </div>
-            <Text className="text-error">{error}</Text>
+            <TitledInput
+              title="Default Location for Chats"
+              className="w-full"
+              placeholder="Office address, favorite coffee shop, zoom link, etc."
+              value={location}
+              onChange={(e) => {
+                setModified(true);
+                setLocation(e.target.value);
+              }}
+            />
           </Card>
         ) : (
           <div>Loading</div>
diff --git a/src/pages/program/[slug]/[profileRoute]/index.tsx b/src/pages/program/[slug]/[profileRoute]/index.tsx
index 21579d0f..336cd3b0 100644
--- a/src/pages/program/[slug]/[profileRoute]/index.tsx
+++ b/src/pages/program/[slug]/[profileRoute]/index.tsx
@@ -2,7 +2,7 @@ import { RawDraftContentState } from "draft-js";
 import type { GetServerSideProps } from "next";
 import Link from "next/link";
 import { useRouter } from "next/router";
-import React, { HTMLAttributes } from "react";
+import React, { Fragment, HTMLAttributes } from "react";
 import { Button, Card, Text } from "../../../../components/atomic";
 import ErrorScreen, {
   ErrorScreenType,
@@ -27,6 +27,7 @@ import { useSnackbar } from "../../../../notifications/SnackbarContext";
 import Page from "../../../../types/Page";
 import { parseParam } from "../../../../utils";
 import { MAP_PROFILETYPE_TO_ROUTE } from "../../../../utils/constants";
+import { useAuth } from "../../../../utils/firebase/auth";
 import LocalStorage from "../../../../utils/localstorage";
 
 function getRawContentState(json: string): RawDraftContentState {
@@ -189,10 +190,13 @@ const ReadOnlyHome = ({
 
 //TODO: Change type of this to not any
 const ProgramPage: PageGetProgramBySlugComp & Page = (props: any) => {
+  const { loading } = useAuth();
   const authorizationLevel = useAuthorizationLevel();
 
   const program = props.data?.getProgramBySlug;
 
+  if (loading) return <Fragment />;
+
   if (!program) {
     return <ErrorScreen type={ErrorScreenType.PageNotFound} />;
   }
diff --git a/src/utils/firebase/auth.tsx b/src/utils/firebase/auth.tsx
index 2fe0e12e..36981476 100644
--- a/src/utils/firebase/auth.tsx
+++ b/src/utils/firebase/auth.tsx
@@ -5,6 +5,7 @@ import firebase from "./firebase";
 interface AuthContext {
   user: firebase.User | null;
   loading: boolean;
+  setLoading: (b: boolean) => void;
   //TODO: customize the forget password flow instead of directly through firebase's ugly ui
   // confirmPasswordReset: (c: string, n: string) => Promise<void>;
   sendPasswordResetEmail: (e: string) => Promise<void>;
@@ -75,8 +76,9 @@ function useProvideAuth() {
       .auth()
       .signOut()
       .then(() => {
-        clearCache();
+        setLoading(true);
         setUser(null);
+        clearCache();
       });
   };
 
@@ -93,6 +95,7 @@ function useProvideAuth() {
   return {
     user,
     loading,
+    setLoading,
     // confirmPasswordReset,
     sendPasswordResetEmail,
     signUpWithEmail,