From e77ab8b06c5a8a7682fd453bcd6f1d76787e25de Mon Sep 17 00:00:00 2001
From: Vicky Bansal <67091118+vicky-primathon@users.noreply.github.com>
Date: Wed, 16 Feb 2022 00:16:21 +0530
Subject: [PATCH] fix: add ellipsis to table search input when blur (#11020)

---
 .../components/designSystems/appsmith/SearchComponent.tsx    | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/app/client/src/components/designSystems/appsmith/SearchComponent.tsx b/app/client/src/components/designSystems/appsmith/SearchComponent.tsx
index 96be45ef80..33e2c99966 100644
--- a/app/client/src/components/designSystems/appsmith/SearchComponent.tsx
+++ b/app/client/src/components/designSystems/appsmith/SearchComponent.tsx
@@ -53,11 +53,16 @@ const SearchInputWrapper = styled(InputGroup)`
       box-shadow: none;
       font-size: 12px;
       color: ${Colors.GREY_10};
+      padding-right: 20px;
+      text-overflow: ellipsis;
+      width: 100%;
     }
     input:focus {
       border: 1.2px solid ${Colors.FERN_GREEN};
       box-sizing: border-box;
+      width: 100%;
     }
+
     input:active {
       box-shadow: 0px 0px 0px 3px ${Colors.JAGGED_ICE};
     }