From 4839b100cbabe17363e1b51648255dd8212efbf2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C4=B1dvan=20Akca?= <akca.ridvann@gmail.com>
Date: Mon, 12 Dec 2022 17:45:15 +0300
Subject: [PATCH] feat: take search bar out of scroll in add app connection

---
 packages/web/src/components/AddNewAppConnection/index.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/web/src/components/AddNewAppConnection/index.tsx b/packages/web/src/components/AddNewAppConnection/index.tsx
index 8b6cd30d..bbd95d86 100644
--- a/packages/web/src/components/AddNewAppConnection/index.tsx
+++ b/packages/web/src/components/AddNewAppConnection/index.tsx
@@ -18,6 +18,7 @@ import ListItemText from '@mui/material/ListItemText';
 import InputLabel from '@mui/material/InputLabel';
 import OutlinedInput from '@mui/material/OutlinedInput';
 import FormControl from '@mui/material/FormControl';
+import Box from '@mui/material/Box';
 import type { IApp } from '@automatisch/types';
 
 import * as URLS from 'config/urls';
@@ -76,7 +77,7 @@ export default function AddNewAppConnection(
     <Dialog open={true} onClose={onClose} maxWidth="sm" fullWidth>
       <DialogTitle>{formatMessage('apps.addNewAppConnection')}</DialogTitle>
 
-      <DialogContent>
+      <Box px={3}>
         <FormControl
           variant="outlined"
           fullWidth
@@ -103,7 +104,9 @@ export default function AddNewAppConnection(
             data-test="search-for-app-text-field"
           />
         </FormControl>
+      </Box>
 
+      <DialogContent>
         <List sx={{ pt: 2, width: '100%' }}>
           {loading && (
             <CircularProgress sx={{ display: 'block', margin: '20px auto' }} />