From cd8f7bbee5c7f0537777b39fbe39f3674c4f6e07 Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Sat, 20 Jul 2024 14:41:21 +0200
Subject: [PATCH] Fix Permissions page

---
 .../src/states/Dashboard/pages/Permissions/Permissions.jsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/dashboard/src/states/Dashboard/pages/Permissions/Permissions.jsx b/dashboard/src/states/Dashboard/pages/Permissions/Permissions.jsx
index 9c90335..76d74b8 100644
--- a/dashboard/src/states/Dashboard/pages/Permissions/Permissions.jsx
+++ b/dashboard/src/states/Dashboard/pages/Permissions/Permissions.jsx
@@ -59,7 +59,10 @@ export const Permissions = () => {
                                       fetchPermissions={fetchPermissions}/>
 
             <Stack justifyContent="space-between" direction="row" sx={{mb: 2}} alignItems="center">
-                <Typography variant="h5" fontWeight={600}>{permissions.length} Permissions</Typography>
+                <Typography variant="h5" fontWeight={600}>
+                    {loading && <>Permissions</>}
+                    {!loading && <>{permissions.length} Permissions</>}
+                </Typography>
                 <Button variant="contained" color="primary" onClick={() => setDialogOpen(true)}>Create
                     permission</Button>
             </Stack>
@@ -86,7 +89,7 @@ export const Permissions = () => {
                     </Stack>
                 ))}
 
-                {loading && <Stack justifyContent="center" alignItems="center">
+                {loading && <Stack justifyContent="center" alignItems="center" sx={{width: "100%"}}>
                     <CircularProgress color="primary"/>
                 </Stack>}