From 7d734b69a53ac8e0ee21c532e8fc70795471fce3 Mon Sep 17 00:00:00 2001
From: Sacha Weatherstone <sachaw100@hotmail.com>
Date: Mon, 16 Aug 2021 17:07:33 +1000
Subject: [PATCH] Fix Layout for chatbox

---
 src/components/chat/MessageBar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/chat/MessageBar.tsx b/src/components/chat/MessageBar.tsx
index 307db01a..f0746447 100644
--- a/src/components/chat/MessageBar.tsx
+++ b/src/components/chat/MessageBar.tsx
@@ -24,7 +24,7 @@ export const MessageBar = (): JSX.Element => {
   const { t } = useTranslation();
   return (
     <div className="flex w-full p-4 mx-auto space-x-2 text-gray-500 bg-gray-50 dark:bg-transparent dark:text-gray-400">
-      <div className="flex w-full max-w-4xl">
+      <div className="flex w-full max-w-4xl mx-auto">
         <div className="flex">
           <Button icon={<EmojiHappyIcon className="w-5 h-5" />} circle />
           <Button icon={<PaperClipIcon className="w-5 h-5" />} circle />