Calculation: beautify Form Component

Components/Calculation/Form/index.jsx

@@ -13,10 +13,18 @@ import SupplierAgent from './SupplierAgent';
 const formTabs = [Leasing, Payments, LeasingObject, SupplierAgent, Insurance, AddProduct, CreateKP];
 
 const Wrapper = styled(Background)`
-  padding: 4px 10px;
+  padding: 4px 6px;
 
   ${min('laptop')} {
-    padding: 4px 18px 10px;
+    padding: 4px 6px;
+  }
+`;
+
+const ComponentWrapper = styled.div`
+  padding: 0 4px;
+
+  ${min('laptop')} {
+    padding: 0 12px;
   }
 `;
 
@@ -26,7 +34,9 @@ function Form() {
       <Tabs type="card" tabBarGutter="5px">
         {formTabs.map(({ id, title, Component }) => (
           <Tabs.TabPane tab={title} key={id}>
-            <Component />
+            <ComponentWrapper>
+              <Component />
+            </ComponentWrapper>
           </Tabs.TabPane>
         ))}
       </Tabs>