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")}