From 6ecad891b8dc67d3523b181859458efd60d8f7ae Mon Sep 17 00:00:00 2001
From: Edoardo Sabadelli <edoardo@dhis2.org>
Date: Wed, 7 Feb 2024 16:09:16 +0100
Subject: [PATCH] fix: add cosmetic fixes to rich text textarea

---
 .../Interpretations/common/Message/MessageEditorContainer.js | 2 --
 src/components/RichText/Editor/styles/Editor.style.js        | 5 ++---
 2 files changed, 2 insertions(+), 5 deletions(-)

diff --git a/src/components/Interpretations/common/Message/MessageEditorContainer.js b/src/components/Interpretations/common/Message/MessageEditorContainer.js
index 6e4574a34..b4c7ff338 100644
--- a/src/components/Interpretations/common/Message/MessageEditorContainer.js
+++ b/src/components/Interpretations/common/Message/MessageEditorContainer.js
@@ -19,8 +19,6 @@ const MessageEditorContainer = ({ children, currentUser, dataTest }) => (
             }
             .editor {
                 flex-grow: 1;
-                display: flex;
-                flex-direction: column;
             }
         `}</style>
     </div>
diff --git a/src/components/RichText/Editor/styles/Editor.style.js b/src/components/RichText/Editor/styles/Editor.style.js
index 2b5557e2d..ddb4462b6 100644
--- a/src/components/RichText/Editor/styles/Editor.style.js
+++ b/src/components/RichText/Editor/styles/Editor.style.js
@@ -6,7 +6,6 @@ export const mainClasses = css`
         display: flex;
         flex-direction: column;
         width: 100%;
-        height: 100%;
     }
 
     .preview {
@@ -47,12 +46,12 @@ export const mainClasses = css`
     }
 
     .textarea.resizable {
-        resize: both;
+        resize: vertical;
     }
 
     .textarea:focus {
         outline: none;
-        box-shadow: 0 0 0 3px ${theme.focus};
+        box-shadow: 0 0 0 3px inset ${theme.focus};
         width: calc(100% - 3px);
     }