diff --git a/frontend/webapp/containers/main/actions/choose-action-body/index.tsx b/frontend/webapp/containers/main/actions/choose-action-body/index.tsx
index 5ce4e78c3..5b2a56efd 100644
--- 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
index 0e2070eb1..a7423f726 100644
--- 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;
 `;