From 1295c5f5ad095a942814f54394257356294bbaa8 Mon Sep 17 00:00:00 2001
From: Erik <eguntner2291@gmail.com>
Date: Sun, 19 May 2024 21:43:31 -0700
Subject: [PATCH] Add proper height to profile layout

---
 app/src/views/IntakeProfile/index.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/app/src/views/IntakeProfile/index.tsx b/app/src/views/IntakeProfile/index.tsx
index 9aecbb8d..c5c1f6ab 100644
--- a/app/src/views/IntakeProfile/index.tsx
+++ b/app/src/views/IntakeProfile/index.tsx
@@ -1,4 +1,4 @@
-import {Button, Stack} from '@mui/material';
+import {Button, Stack, useTheme} from '@mui/material';
 import {Link, Outlet, useParams} from 'react-router-dom';
 import {Formik} from 'formik';
 
@@ -16,6 +16,8 @@ export type Values = {
 export type InitialValues = Record<string, Values>;
 
 export const IntakeProfile = () => {
+  const theme = useTheme();
+  const toolbarHeight = Number(theme.mixins.toolbar.minHeight);
   const {profileId, groupId} = useParams();
 
   const {data: profileData} = useGetProfileQuery(
@@ -68,7 +70,7 @@ export const IntakeProfile = () => {
         <Stack
           direction="row"
           sx={{
-            flex: '1 1 auto',
+            height: `calc(100vh - ${toolbarHeight}px)`,
             backgroundColor: 'grey.50',
           }}
         >