fix(web-ui): small styling fixes for guard pages

Author: Johan Book

services/web-ui/src/pages/AuthenticationGuard/AuthenticationGuard.nav.tsx

@@ -9,5 +9,5 @@ export interface AuthenticationGuardNavProps {
 export function AuthenticationGuardNav({
   children,
 }: AuthenticationGuardNavProps): React.ReactElement {
-  return <Box sx={{ height: "100vh" }}>{children}</Box>;
+  return <Box sx={{ height: "100vh", px: 3 }}>{children}</Box>;
 }

services/web-ui/src/pages/ProfileGuard/ProfileGuard.nav.tsx

@@ -9,5 +9,5 @@ interface ProfileGuardNavProps {
 export function ProfileGuardNav({
   children,
 }: ProfileGuardNavProps): React.ReactElement {
-  return <Box sx={{ height: "100vh" }}>{children}</Box>;
+  return <Box sx={{ height: "100vh", px: 3 }}>{children}</Box>;
 }