[GEN-1720]: Fixed modal layout (#1766)

Co-authored-by: Alon Braymok <138359965+alonkeyval@users.noreply.github.com>
odigos-io · Nov 17, 2024 · 1bafe47 · 1bafe47
1 parent ed0080c
commit 1bafe47
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/frontend/webapp/containers/main/actions/choose-action-body/index.tsx b/frontend/webapp/containers/main/actions/choose-action-body/index.tsx
@@ -6,7 +6,7 @@ import { type ActionOption } from '../choose-action-modal/action-options';
 import { DocsButton, Input, Text, TextArea, MonitoringCheckboxes, SectionTitle, ToggleButtons } from '@/reuseable-components';
 
 const FieldWrapper = styled.div`
-  width: 100%;
+  width: calc(100% - 16px);
   margin: 24px 0;
 `;
 

diff --git a/frontend/webapp/containers/main/instrumentation-rules/choose-rule-body/index.tsx b/frontend/webapp/containers/main/instrumentation-rules/choose-rule-body/index.tsx
@@ -6,7 +6,7 @@ import type { RuleOption } from '../add-rule-modal/rule-options';
 import { DocsButton, Input, Text, TextArea, SectionTitle, ToggleButtons } from '@/reuseable-components';
 
 const FieldWrapper = styled.div`
-  width: 100%;
+  width: calc(100% - 16px);
   margin: 24px 0;
 `;