diff --git a/src/photo/PhotoMedium.tsx b/src/photo/PhotoMedium.tsx
index e67e744d..6543c00e 100644
--- a/src/photo/PhotoMedium.tsx
+++ b/src/photo/PhotoMedium.tsx
@@ -50,7 +50,7 @@ export default function PhotoMedium({
       prefetch={prefetch}
     >
       {({ isLoading }) =>
-        <div>
+        <div className="w-full h-full">
           {isLoading &&
             <div className={clsx(
               'absolute inset-0 flex items-center justify-center',
diff --git a/src/state/AppStateProvider.tsx b/src/state/AppStateProvider.tsx
index 5e527c74..0f04d631 100644
--- a/src/state/AppStateProvider.tsx
+++ b/src/state/AppStateProvider.tsx
@@ -58,10 +58,12 @@ export default function AppStateProvider({
 
   const invalidateSwr = useCallback(() => setSwrTimestamp(Date.now()), []);
 
-  const { data } = useSWR('getAuth', getAuthAction);
+  const { data, error } = useSWR('getAuth', getAuthAction);
   useEffect(() => {
-    setUserEmail(data?.user?.email ?? undefined);
-  }, [data]);
+    if (!error) {
+      setUserEmail(data?.user?.email ?? undefined);
+    }
+  }, [data, error]);
   const isUserSignedIn = Boolean(userEmail);
   useEffect(() => {
     if (isUserSignedIn) {