From 83be5c4cfe3569c41bb7ea52272a2bb4ac9eb707 Mon Sep 17 00:00:00 2001
From: Myzel394 <50424412+Myzel394@users.noreply.github.com>
Date: Thu, 3 Nov 2022 08:47:38 +0100
Subject: [PATCH] fixed EmptyStateScreen.tsx

---
 src/route-widgets/AliasesRoute/EmptyStateScreen.tsx | 10 +++++++++-
 src/route-widgets/ReportsRoute/EmptyStateScreen.tsx | 10 +++++++++-
 2 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/src/route-widgets/AliasesRoute/EmptyStateScreen.tsx b/src/route-widgets/AliasesRoute/EmptyStateScreen.tsx
index 027bcf3..9f38c3e 100644
--- a/src/route-widgets/AliasesRoute/EmptyStateScreen.tsx
+++ b/src/route-widgets/AliasesRoute/EmptyStateScreen.tsx
@@ -8,7 +8,15 @@ export default function EmptyStateScreen(): ReactElement {
 	const {t} = useTranslation()
 
 	return (
-		<Grid container spacing={4} direction="column" alignItems="center">
+		<Grid
+			container
+			spacing={4}
+			direction="column"
+			alignItems="center"
+			maxWidth="60%"
+			alignSelf="center"
+			marginX="auto"
+		>
 			<Grid item>
 				<Typography variant="h6" component="h2">
 					{t("routes.AliasesRoute.emptyState.title")}
diff --git a/src/route-widgets/ReportsRoute/EmptyStateScreen.tsx b/src/route-widgets/ReportsRoute/EmptyStateScreen.tsx
index 10c28a9..4486c63 100644
--- a/src/route-widgets/ReportsRoute/EmptyStateScreen.tsx
+++ b/src/route-widgets/ReportsRoute/EmptyStateScreen.tsx
@@ -9,7 +9,15 @@ export default function EmptyStateScreen(): ReactElement {
 	const {t} = useTranslation()
 
 	return (
-		<Grid container spacing={4} direction="column" alignItems="center">
+		<Grid
+			container
+			spacing={4}
+			direction="column"
+			alignItems="center"
+			maxWidth="60%"
+			alignSelf="center"
+			marginX="auto"
+		>
 			<Grid item>
 				<Typography variant="h6" component="h2">
 					{t("routes.ReportsRoute.emptyState.title")}