From 458d299b4a0824f082a35c52a89cd3f0b2ba82c2 Mon Sep 17 00:00:00 2001
From: Pavel Prichodko <14926950+prichodko@users.noreply.github.com>
Date: Tue, 14 Jun 2022 11:26:10 +0200
Subject: [PATCH] handle text overflow in CopyButton

---
 packages/status-react/src/system/copy-input/styles.tsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/packages/status-react/src/system/copy-input/styles.tsx b/packages/status-react/src/system/copy-input/styles.tsx
index eddfd2aa..aadc193a 100644
--- a/packages/status-react/src/system/copy-input/styles.tsx
+++ b/packages/status-react/src/system/copy-input/styles.tsx
@@ -2,6 +2,11 @@ import { styled } from '~/src/styles/config'
 
 export const Wrapper = styled('div', {
   position: 'relative',
+
+  input: {
+    paddingRight: 82,
+    textOverflow: 'ellipsis',
+  },
 })
 
 export const CopyButton = styled('button', {