From ffb0e04b49dac39776b3554d13f0516f02d3447d Mon Sep 17 00:00:00 2001
From: Benjamin POCHAT <benjamin.pochat@gmail.com>
Date: Fri, 13 Dec 2024 12:58:53 +0000
Subject: [PATCH] fix problem with customer list with no customers exists

---
 frontend/app/src/domains/customer/views/CustomersList.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/app/src/domains/customer/views/CustomersList.tsx b/frontend/app/src/domains/customer/views/CustomersList.tsx
index 19ba5ad..938e6d1 100644
--- a/frontend/app/src/domains/customer/views/CustomersList.tsx
+++ b/frontend/app/src/domains/customer/views/CustomersList.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { Typography } from "@mui/material"
+import { Box, Typography } from "@mui/material"
 import { DataGrid, GridRowsProp, GridColDef, GridToolbar } from '@mui/x-data-grid';
 
 import { ApiBuilder } from '../../../api/ApiBuilder.ts';
@@ -27,7 +27,7 @@ export default function CustomersList() {
         { field: 'email', headerName: 'Email', flex: 1, disableColumnMenu: true },
     ]
 
-    return (<>
+    return (<Box sx={{display: 'grid'}}>
         <Typography variant='h6'>Clients</Typography>
         <DataGrid
             rows={rows}
@@ -41,7 +41,7 @@ export default function CustomersList() {
                     showQuickFilter: true,
                 },
             }} />
-    </>
+    </Box>
     )
 
 }