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 = {