From 5ad254ab736364cd9372be0437621ea2e0f7a6cc Mon Sep 17 00:00:00 2001
From: Manuel <manuel.fischer@abusix.com>
Date: Tue, 21 Nov 2023 09:19:05 +0100
Subject: [PATCH] fix(components): use correct background on read only inputs

---
 src/components/form-field/text-input/text-input.stories.tsx | 2 +-
 src/components/form-field/text-input/text-input.tsx         | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/form-field/text-input/text-input.stories.tsx b/src/components/form-field/text-input/text-input.stories.tsx
index 7c246249..c241552a 100644
--- a/src/components/form-field/text-input/text-input.stories.tsx
+++ b/src/components/form-field/text-input/text-input.stories.tsx
@@ -68,7 +68,7 @@ export const WithError: Story = {
 export const WithLeftIcon: Story = {
     render: () => (
         <div className="w-72">
-            <TextInputWithHooks hasLeftIcon error />
+            <TextInputWithHooks hasLeftIcon />
         </div>
     ),
 };
diff --git a/src/components/form-field/text-input/text-input.tsx b/src/components/form-field/text-input/text-input.tsx
index 4d7565ca..13f3eb8a 100644
--- a/src/components/form-field/text-input/text-input.tsx
+++ b/src/components/form-field/text-input/text-input.tsx
@@ -64,7 +64,7 @@ export const TextInput = ({
                     targetAttachmentIdentifier,
                     "paragraph-100 relative block h-8 w-full rounded border border-neutral-400 py-2 pl-3 pr-2 text-neutral-800 placeholder:text-neutral-600 focus:outline-none",
                     LeftIcon && "pl-9",
-                    readOnly && "bg-neutral-100",
+                    readOnly && "bg-primary-50",
                     disabled && "cursor-not-allowed bg-neutral-100 text-neutral-600",
                     !error &&
                         !disabled &&