Fix application list styling (#446)

**What this PR does / why we need it**:

**Which issue(s) this PR fixes**:

Fixes #444 

**Does this PR introduce a user-facing change?**:
<!--
If no, just write "NONE" in the release-note block below.
-->
```release-note
NONE
```

This PR was merged by Kapetanios.

pkg/app/web/src/components/application-list.tsx

@@ -38,6 +38,7 @@ const useStyles = makeStyles((theme) => ({
   root: {
     padding: theme.spacing(2),
     flex: 1,
+    overflow: "auto",
   },
   statusCell: {
     display: "flex",

pkg/app/web/src/pages/applications/index.tsx

@@ -18,12 +18,9 @@ import { addApplication, fetchApplications } from "../../modules/applications";
 import { AppDispatch } from "../../store";
 
 const useStyles = makeStyles((theme) => ({
-  root: {
-    height: "100%",
-  },
   main: {
     display: "flex",
-    height: "100%",
+    overflow: "hidden",
   },
   toolbarSpacer: {
     flexGrow: 1,
@@ -51,7 +48,7 @@ export const ApplicationIndexPage: FC = memo(function ApplicationIndexPage() {
   );
 
   return (
-    <div className={classes.root}>
+    <>
       <Toolbar variant="dense">
         <Button
           color="primary"
@@ -95,6 +92,6 @@ export const ApplicationIndexPage: FC = memo(function ApplicationIndexPage() {
           isAdding={isAdding}
         />
       </Drawer>
-    </div>
+    </>
   );
 });