From 14fbfb5bbfbbaa430631d39b8ca77c68817f10a4 Mon Sep 17 00:00:00 2001
From: Jen Jones Arnesen <jennifer@dhis2.org>
Date: Fri, 19 Jan 2024 13:32:04 +0100
Subject: [PATCH] fix: adjust width of interpretation reply input when in focus
 [DHIS2-16429] (#1607)

Fixes: https://dhis2.atlassian.net/browse/DHIS2-16429

Reduce width by the width of the box shadow so it doesn't get cut off.
---
 .../common/RichTextEditor/styles/RichTextEditor.style.js         | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/Interpretations/common/RichTextEditor/styles/RichTextEditor.style.js b/src/components/Interpretations/common/RichTextEditor/styles/RichTextEditor.style.js
index 865e484aa..53b9a5457 100644
--- a/src/components/Interpretations/common/RichTextEditor/styles/RichTextEditor.style.js
+++ b/src/components/Interpretations/common/RichTextEditor/styles/RichTextEditor.style.js
@@ -36,6 +36,7 @@ export const mainClasses = css`
     .textarea:focus {
         outline: none;
         box-shadow: 0 0 0 3px ${theme.focus};
+        width: calc(100% - 3px);
     }
 
     .textarea:disabled {