From 187e24ee198c2d98956ffe00017a43b2d172c568 Mon Sep 17 00:00:00 2001
From: nick-delirium <nikita@openreplay.com>
Date: Thu, 31 Oct 2024 15:47:53 +0100
Subject: [PATCH] ui: fix class overlap for tenant key input

---
 frontend/app/components/Client/ProfileSettings/Api.js       | 2 +-
 frontend/app/components/Client/ProfileSettings/TenantKey.js | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/app/components/Client/ProfileSettings/Api.js b/frontend/app/components/Client/ProfileSettings/Api.js
index 36ea7ba0f..47e5c10dc 100644
--- a/frontend/app/components/Client/ProfileSettings/Api.js
+++ b/frontend/app/components/Client/ProfileSettings/Api.js
@@ -16,7 +16,7 @@ function ApiKeySettings() {
         type="text"
         readOnly={true}
         value={apiKey}
-        className={'w-72'}
+        className={'!w-72'}
         leadingButton={<CopyButton content={apiKey} />}
       />
     </Form.Field>
diff --git a/frontend/app/components/Client/ProfileSettings/TenantKey.js b/frontend/app/components/Client/ProfileSettings/TenantKey.js
index f60be019c..7cd4aece5 100644
--- a/frontend/app/components/Client/ProfileSettings/TenantKey.js
+++ b/frontend/app/components/Client/ProfileSettings/TenantKey.js
@@ -24,7 +24,7 @@ function TenantKey() {
             name="tenantKey"
             id="tenantKey"
             type="text"
-            className={'w-72'}
+            className={'!w-72'}
             readOnly={ true }
             value={ tenantKey }
             leadingButton={