From eb472eaf783b5f406c405071d2e4f119bcd8a422 Mon Sep 17 00:00:00 2001
From: Ayangade Adeoluwa <37867493+Irongade@users.noreply.github.com>
Date: Mon, 10 Jan 2022 17:43:04 +0100
Subject: [PATCH] fix: long status code text ellipsized in API pane (#10021)

---
 .../src/components/editorComponents/ApiResponseView.tsx   | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/app/client/src/components/editorComponents/ApiResponseView.tsx b/app/client/src/components/editorComponents/ApiResponseView.tsx
index 88bfa71600..b956060719 100644
--- a/app/client/src/components/editorComponents/ApiResponseView.tsx
+++ b/app/client/src/components/editorComponents/ApiResponseView.tsx
@@ -185,6 +185,14 @@ export const EMPTY_RESPONSE: ActionResponse = {
 const StatusCodeText = styled(BaseText)<{ code: string }>`
   color: ${(props) =>
     props.code.startsWith("2") ? props.theme.colors.primaryOld : Colors.RED};
+  cursor: pointer;
+  width: 38px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  &:hover {
+    width: 100%;
+  }
 `;
 
 const ResponseDataContainer = styled.div`