diff --git a/Components/Calculation/Form/index.jsx b/Components/Calculation/Form/index.jsx
index 426bd96..055639f 100644
--- a/Components/Calculation/Form/index.jsx
+++ b/Components/Calculation/Form/index.jsx
@@ -15,9 +15,12 @@ const formTabs = [Leasing, Payments, LeasingObject, SupplierAgent, Insurance, Ad
 const Wrapper = styled(Background)`
   padding: 4px 6px;
 
+  ${min('tablet')} {
+    min-height: 790px;
+  }
+
   ${min('laptop')} {
     padding: 4px 6px 10px;
-    min-height: 770px;
   }
 `;
 
diff --git a/Components/Calculation/Settings/index.jsx b/Components/Calculation/Settings/index.jsx
index 4c84ba5..ae288b7 100644
--- a/Components/Calculation/Settings/index.jsx
+++ b/Components/Calculation/Settings/index.jsx
@@ -7,8 +7,11 @@ import { rows } from './config';
 const Wrapper = styled(Background)`
   padding: 4px 10px;
 
+  ${min('tablet')} {
+    min-height: 790px;
+  }
+
   ${min('laptop')} {
-    min-height: 770px;
     padding: 4px 18px 10px;
   }
 `;
diff --git a/Components/Layout/Element.tsx b/Components/Layout/Element.tsx
index fb84ac7..b7c869d 100644
--- a/Components/Layout/Element.tsx
+++ b/Components/Layout/Element.tsx
@@ -20,11 +20,7 @@ const ElementTitle = styled.h5`
 
 export function Head({ title, addon }: { title: string; addon?: ReactNode }) {
   return (
-    <Flex
-      flexDirection={['column', 'row']}
-      justifyContent={['', 'space-between']}
-      alignItems={['', 'center']}
-    >
+    <Flex flexDirection={['row']} justifyContent={['space-between']} alignItems={['center']}>
       <ElementTitle>{title}</ElementTitle>
       {addon}
     </Flex>