diff --git a/apps/web/Components/Calculation/builders/build-readonly.tsx b/apps/web/Components/Calculation/builders/build-readonly.tsx
index eccbaff..c49ff0d 100644
--- a/apps/web/Components/Calculation/builders/build-readonly.tsx
+++ b/apps/web/Components/Calculation/builders/build-readonly.tsx
@@ -4,12 +4,17 @@ import { useValue } from '@/stores/calculation/values/hooks';
 import type { Values } from '@/stores/calculation/values/types';
 import { observer } from 'mobx-react-lite';
 import type { ComponentType } from 'react';
+import styled from 'styled-components';
 
 type BuilderProps = {
   elementName: Elements;
   valueName: Values;
 };
 
+const Wrapper = styled.div`
+  margin-bottom: 24px;
+`;
+
 export function buildReadonly<T>(
   Component: ComponentType<T>,
   { elementName, valueName }: BuilderProps
@@ -18,6 +23,10 @@ export function buildReadonly<T>(
     const [value] = useValue(valueName);
     const status = useStatus(elementName);
 
-    return <Component readOnly status={status} value={value} {...props} />;
+    return (
+      <Wrapper>
+        <Component readOnly status={status} value={value} {...props} />
+      </Wrapper>
+    );
   });
 }