From beb5448ec99101c3402ca7d50a3b11fea3d11bb9 Mon Sep 17 00:00:00 2001
From: Outrun Colors <itsoutruncolors@gmail.com>
Date: Sat, 24 Sep 2022 21:50:36 -0500
Subject: [PATCH] Chat styling

---
 chat/package.json                      | 2 +-
 chat/src/App.css                       | 6 +-----
 chat/src/features/chat/ChatMessage.css | 5 +++--
 3 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/chat/package.json b/chat/package.json
index 1f9db7ddfe..219c74b4b4 100644
--- a/chat/package.json
+++ b/chat/package.json
@@ -1,6 +1,6 @@
 {
   "name": "chat",
-  "version": "0.0.15",
+  "version": "0.0.16",
   "main": "./src/index.tsx",
   "license": "MIT",
   "dependencies": {
diff --git a/chat/src/App.css b/chat/src/App.css
index a54664b68b..c9a839beff 100644
--- a/chat/src/App.css
+++ b/chat/src/App.css
@@ -49,7 +49,7 @@ body {
 .App-content {
   position: relative;
   flex: 3;
-  height: 60vh;
+  height: 70vh;
   max-height: 1000px;
   overflow: auto;
   -ms-overflow-style: none;
@@ -115,7 +115,3 @@ lite-youtube {
 .btn-secondary {
   border: none !important;
 }
-
-p {
-  margin: 0;
-}
\ No newline at end of file
diff --git a/chat/src/features/chat/ChatMessage.css b/chat/src/features/chat/ChatMessage.css
index 66c71830c0..e09194f4ff 100644
--- a/chat/src/features/chat/ChatMessage.css
+++ b/chat/src/features/chat/ChatMessage.css
@@ -8,9 +8,10 @@
 }
 
 .ChatMessage {
-  padding-right: 3rem;
   position: relative;
   animation: fading-in 0.3s ease-in-out forwards;
+  padding: 1rem;
+  padding-right: 3rem;
 }
 
 .ChatMessage-top {
@@ -31,7 +32,7 @@
 
 .ChatMessage-content {
   margin-right: 0.5rem;
-  word-break: break-all;
+  word-wrap: break-word;
   display: inline-block;
 }