From 73a01b39587ab9f9b92aa5d1624e97b52a3b86ff Mon Sep 17 00:00:00 2001
From: Vladimir Khvan <vladimirkhvan23@gmail.com>
Date: Wed, 5 Apr 2023 17:06:42 +0500
Subject: [PATCH] flex wrapper was added for correct badge positioning

---
 .../WebhooksTable/WebhooksRowView/WebhookRowContent.js | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/packages/client/src/pages/PortalSettings/categories/developer-tools/Webhooks/sub-components/WebhooksTable/WebhooksRowView/WebhookRowContent.js b/packages/client/src/pages/PortalSettings/categories/developer-tools/Webhooks/sub-components/WebhooksTable/WebhooksRowView/WebhookRowContent.js
index f53a6f69ae..83fe69b78b 100644
--- a/packages/client/src/pages/PortalSettings/categories/developer-tools/Webhooks/sub-components/WebhooksTable/WebhooksRowView/WebhookRowContent.js
+++ b/packages/client/src/pages/PortalSettings/categories/developer-tools/Webhooks/sub-components/WebhooksTable/WebhooksRowView/WebhookRowContent.js
@@ -31,16 +31,20 @@ const ToggleButtonWrapper = styled.div`
   justify-content: flex-end;
 `;
 
+const FlexWrapper = styled.div`
+  display: flex;
+`;
+
 export const WebhookRowContent = ({ sectionWidth, webhook, isChecked, handleToggleEnabled }) => {
   return (
     <StyledRowContent sectionWidth={sectionWidth}>
       <ContentWrapper>
-        <span>
-          <Text fontWeight={600} fontSize="14px">
+        <FlexWrapper>
+          <Text fontWeight={600} fontSize="14px" style={{ marginRight: "8px" }}>
             {webhook.title}
           </Text>
           {webhook.status && <StatusBadge status={webhook.status} />}
-        </span>
+        </FlexWrapper>
         <Text fontWeight={600} fontSize="12px" color="#A3A9AE">
           {webhook.url}
         </Text>