From c909969c6b7e89ac16f8e5b165d0a6667a498eba Mon Sep 17 00:00:00 2001
From: William Grant <willmgrant@gmail.com>
Date: Wed, 28 Feb 2024 15:29:28 +1100
Subject: [PATCH] fix: correct background color on empty message view

---
 ts/components/EmptyMessageView.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/ts/components/EmptyMessageView.tsx b/ts/components/EmptyMessageView.tsx
index 2421bc1c1..e70d01360 100644
--- a/ts/components/EmptyMessageView.tsx
+++ b/ts/components/EmptyMessageView.tsx
@@ -7,7 +7,7 @@ import { Flex } from './basic/Flex';
 import { Spacer2XL, SpacerXS } from './basic/Text';
 
 const StyledPlaceholder = styled(Flex)`
-  margin: auto;
+  background-color: var(--background-secondary-color);
   height: 100%;
 `;
 
@@ -81,11 +81,11 @@ export const EmptyMessageView = () => {
   return (
     <StyledPlaceholder
       container={true}
+      width={'100%'}
       className="content"
       flexDirection="column"
       justifyContent="center"
       alignItems="center"
-      margin="auto"
     >
       {newAccountCreated ? (
         <>