From 0f16429c14220277cb0ce961fb58814c463e8402 Mon Sep 17 00:00:00 2001
From: schroda <50052685+schroda@users.noreply.github.com>
Date: Mon, 29 Apr 2024 16:21:43 +0200
Subject: [PATCH] Fix EmptyView styling

---
 src/components/util/EmptyView.tsx                 |  1 +
 src/components/util/EmptyViewAbsoluteCentered.tsx | 14 +++++++++++++-
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/components/util/EmptyView.tsx b/src/components/util/EmptyView.tsx
index f8d7a0dc..453e967b 100644
--- a/src/components/util/EmptyView.tsx
+++ b/src/components/util/EmptyView.tsx
@@ -40,6 +40,7 @@ export function EmptyView({ message, messageExtra, retry, noFaces, sx }: EmptyVi
             sx={{
                 textAlign: 'center',
                 alignItems: 'center',
+                justifyContent: 'center',
                 height: '100%',
                 ...sx,
             }}
diff --git a/src/components/util/EmptyViewAbsoluteCentered.tsx b/src/components/util/EmptyViewAbsoluteCentered.tsx
index bf53e674..93452bc0 100644
--- a/src/components/util/EmptyViewAbsoluteCentered.tsx
+++ b/src/components/util/EmptyViewAbsoluteCentered.tsx
@@ -9,7 +9,19 @@
 import { EmptyView, EmptyViewProps } from '@/components/util/EmptyView.tsx';
 
 export function EmptyViewAbsoluteCentered({ sx, ...emptyViewProps }: EmptyViewProps) {
-    return <EmptyView {...emptyViewProps} sx={{ position: 'absolute', width: '100%', height: '100%', ...sx }} />;
+    return (
+        <EmptyView
+            {...emptyViewProps}
+            sx={{
+                position: 'absolute',
+                height: undefined,
+                top: '50%',
+                left: '50%',
+                transform: 'translate(-50%, -50%)',
+                ...sx,
+            }}
+        />
+    );
 }
 
 EmptyViewAbsoluteCentered.defaultProps = {