From affb68ee52dca542a34c598de244d8cdf98049f2 Mon Sep 17 00:00:00 2001
From: Rishabh Saxena <rishabh.robben@gmail.com>
Date: Wed, 6 Jan 2021 16:39:08 +0530
Subject: [PATCH] Fix widths for pagination test and modal confirm btns (#2445)

---
 app/client/src/mockResponses/WidgetConfigResponse.tsx | 6 +++---
 app/client/src/pages/Editor/APIEditor/Pagination.tsx  | 5 ++++-
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/app/client/src/mockResponses/WidgetConfigResponse.tsx b/app/client/src/mockResponses/WidgetConfigResponse.tsx
index e6a48d11ae..1ca3aea44c 100644
--- a/app/client/src/mockResponses/WidgetConfigResponse.tsx
+++ b/app/client/src/mockResponses/WidgetConfigResponse.tsx
@@ -262,7 +262,7 @@ const WidgetConfigResponse: WidgetConfigReducerState = {
                   },
                   {
                     type: "BUTTON_WIDGET",
-                    position: { left: 10, top: 4 },
+                    position: { left: 9, top: 4 },
                     size: { rows: 1, cols: 3 },
                     props: {
                       text: "Cancel",
@@ -271,8 +271,8 @@ const WidgetConfigResponse: WidgetConfigReducerState = {
                   },
                   {
                     type: "BUTTON_WIDGET",
-                    position: { left: 13, top: 4 },
-                    size: { rows: 1, cols: 3 },
+                    position: { left: 12, top: 4 },
+                    size: { rows: 1, cols: 4 },
                     props: {
                       text: "Confirm",
                       buttonStyle: "PRIMARY_BUTTON",
diff --git a/app/client/src/pages/Editor/APIEditor/Pagination.tsx b/app/client/src/pages/Editor/APIEditor/Pagination.tsx
index fddc11e90d..ab0a1b948e 100644
--- a/app/client/src/pages/Editor/APIEditor/Pagination.tsx
+++ b/app/client/src/pages/Editor/APIEditor/Pagination.tsx
@@ -39,11 +39,14 @@ const StyledDynamicTextField = styled(DynamicTextField)`
 
 const TestButton = styled(BaseButton)`
   &&& {
-    max-width: 72px;
     margin: 0 5px;
     min-height: 32px;
     padding-right: 4px;
   }
+
+  &&&& {
+    width: auto;
+  }
 `;
 
 export default function Pagination(props: PaginationProps) {