fixed overview width glitch

Author: LouisThedroux

app/src/features/summary/tabular-data/TabularDataTableContainer.tsx

@@ -66,7 +66,14 @@ export const TabularDataTableContainer = () => {
 
       <Divider flexItem orientation="vertical" />
 
-      <Box flex="1 1 auto" overflow="hidden">
+      <Box
+        sx={{
+          flex: '1 1 0',
+          minWidth: 0,
+          height: '800px',
+          minHeight: '400px',
+          overflow: 'hidden'
+        }}>
         {activeView === ACTIVE_VIEW_VALUE.observations && <ObservationsListContainer showSearch={showSearch} />}
         {activeView === ACTIVE_VIEW_VALUE.animals && <AnimalsListContainer showSearch={showSearch} />}
         {activeView === ACTIVE_VIEW_VALUE.telemetry && <TelemetryListContainer showSearch={showSearch} />}

app/src/features/summary/tabular-data/observation/ObservationsListContainer.tsx

@@ -1,4 +1,3 @@
-import { mdiArrowTopRight } from '@mdi/js';
 import Box from '@mui/material/Box';
 import Collapse from '@mui/material/Collapse';
 import grey from '@mui/material/colors/grey';
@@ -263,7 +262,6 @@ const ObservationsListContainer = (props: IObservationsListContainerProps) => {
               height="500px"
               title="Create or Join Surveys to See Observations"
               subtitle="You currently have no observations data. Once you create or join surveys with observations data, it will be displayed here"
-              icon={mdiArrowTopRight}
             />
           }
           hasNoDataFallbackDelay={100}>