From eaaa825e678f918933a93e5a34761276caac5a9e Mon Sep 17 00:00:00 2001
From: Calvin Lee <calvin.lee@harness.io>
Date: Fri, 3 Feb 2023 10:24:54 -0700
Subject: [PATCH] feat: [scm-88]: fix spacing on toggle modal (#305)

---
 web/src/pages/Webhooks/Webhooks.module.scss      |  4 ++++
 web/src/pages/Webhooks/Webhooks.module.scss.d.ts |  1 +
 web/src/pages/Webhooks/Webhooks.tsx              | 13 ++++++++-----
 3 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/web/src/pages/Webhooks/Webhooks.module.scss b/web/src/pages/Webhooks/Webhooks.module.scss
index bfeea5ab7..5e82897f8 100644
--- a/web/src/pages/Webhooks/Webhooks.module.scss
+++ b/web/src/pages/Webhooks/Webhooks.module.scss
@@ -39,3 +39,7 @@
     left: 32%;
   }
 }
+
+.cancelButton {
+  margin-left: var(--spacing-small) !important;
+}
diff --git a/web/src/pages/Webhooks/Webhooks.module.scss.d.ts b/web/src/pages/Webhooks/Webhooks.module.scss.d.ts
index a2516c798..0fb00c176 100644
--- a/web/src/pages/Webhooks/Webhooks.module.scss.d.ts
+++ b/web/src/pages/Webhooks/Webhooks.module.scss.d.ts
@@ -9,5 +9,6 @@ declare const styles: {
   readonly toggle: string
   readonly toggleEnable: string
   readonly toggleDisable: string
+  readonly cancelButton: string
 }
 export default styles
diff --git a/web/src/pages/Webhooks/Webhooks.tsx b/web/src/pages/Webhooks/Webhooks.tsx
index 81d9d84bc..e86507f45 100644
--- a/web/src/pages/Webhooks/Webhooks.tsx
+++ b/web/src/pages/Webhooks/Webhooks.tsx
@@ -114,11 +114,14 @@ export default function Webhooks() {
                               setChecked(!checked)
                               setPopoverDialogOpen(false)
                             }}></Button>
-                          <Button
-                            text={getString('cancel')}
-                            onClick={() => {
-                              setPopoverDialogOpen(false)
-                            }}></Button>
+                          <Container>
+                            <Button
+                              className={css.cancelButton}
+                              text={getString('cancel')}
+                              onClick={() => {
+                                setPopoverDialogOpen(false)
+                              }}></Button>
+                          </Container>
                         </Layout.Horizontal>
                       </Layout.Vertical>
                     </Container>