From be49e6502dfe820fe2e2345f7f48bbd6db21be18 Mon Sep 17 00:00:00 2001
From: marcoelissa <marco.elissa@gmail.com>
Date: Thu, 19 Jan 2023 17:14:35 +0700
Subject: [PATCH] update copy

---
 .../Orbis/DirectMessages/List.module.css      |  6 ++++-
 .../@shared/Orbis/DirectMessages/List.tsx     |  7 ++++--
 .../@shared/Orbis/DirectMessages/index.tsx    | 24 +++++++++++--------
 3 files changed, 24 insertions(+), 13 deletions(-)

diff --git a/src/components/@shared/Orbis/DirectMessages/List.module.css b/src/components/@shared/Orbis/DirectMessages/List.module.css
index daa175ba6..898e2c792 100644
--- a/src/components/@shared/Orbis/DirectMessages/List.module.css
+++ b/src/components/@shared/Orbis/DirectMessages/List.module.css
@@ -6,6 +6,10 @@
 
 .conversations .empty {
   height: 100%;
+  max-width: 80%;
+  text-align: center;
+  margin-left: auto;
+  margin-right: auto;
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -16,5 +20,5 @@
 .conversations .empty .icon {
   width: var(--font-size-h1);
   fill: currentColor;
-  margin-bottom: calc(var(--spacer) / 4);
+  margin-bottom: calc(var(--spacer) / 2);
 }
diff --git a/src/components/@shared/Orbis/DirectMessages/List.tsx b/src/components/@shared/Orbis/DirectMessages/List.tsx
index 18e744551..74f88bc0d 100644
--- a/src/components/@shared/Orbis/DirectMessages/List.tsx
+++ b/src/components/@shared/Orbis/DirectMessages/List.tsx
@@ -24,8 +24,11 @@ export default function List() {
           <ChatBubble role="img" aria-label="Chat" className={styles.icon} />
           <p>
             Hello! Any question regarding a specific dataset listed on Ocean
-            Marketplace? Go over the asset detail page or directly to a
-            publisher profile to start a conversation!
+            Marketplace?
+          </p>
+          <p>
+            Go over the asset detail page or directly to a publisher profile to
+            start a conversation!
           </p>
         </div>
       )}
diff --git a/src/components/@shared/Orbis/DirectMessages/index.tsx b/src/components/@shared/Orbis/DirectMessages/index.tsx
index c54286e1c..a0d64234e 100644
--- a/src/components/@shared/Orbis/DirectMessages/index.tsx
+++ b/src/components/@shared/Orbis/DirectMessages/index.tsx
@@ -30,12 +30,14 @@ const BodyContent = () => {
       <div className={styles.walletWrapper}>
         <div>
           <h5>Connect your wallet to start messaging</h5>
+          <p>A new decentralised, encrypted private messaging is here!</p>
           <p>
-            A new decentralised, encrypted private messaging is here! Engage
-            with data publishers, get your algorithms whitelisted and establish
-            trust. You&apos;ll be required to sign 2 transactions, one to
-            connect to your decentralised identity and the other to your
-            encrypted key
+            Engage with data publishers, get your algorithms whitelisted and
+            establish trust.
+          </p>
+          <p>
+            You&apos;ll be required to sign 2 transactions, one to connect to
+            your decentralised identity and the other to your encrypted key
           </p>
           <button
             className={`${walletStyles.button} ${walletStyles.initial}`}
@@ -53,12 +55,14 @@ const BodyContent = () => {
       <div className={styles.walletWrapper}>
         <div>
           <h5>Sign your wallet to start messaging</h5>
+          <p>A new decentralised, encrypted private messaging is here!</p>
           <p>
-            A new decentralised, encrypted private messaging is here! Engage
-            with data publishers, get your algorithms whitelisted and establish
-            trust. You&apos;ll be required to sign 2 transactions, one to
-            connect to your decentralised identity and the other to your
-            encrypted key
+            Engage with data publishers, get your algorithms whitelisted and
+            establish trust.
+          </p>
+          <p>
+            You&apos;ll be required to sign 2 transactions, one to connect to
+            your decentralised identity and the other to your encrypted key
           </p>
           <button
             className={`${walletStyles.button} ${walletStyles.initial}`}