diff --git a/src/client/Containers/Calculation/index.jsx b/src/client/Containers/Calculation/index.jsx
index 98d503b..4a27345 100644
--- a/src/client/Containers/Calculation/index.jsx
+++ b/src/client/Containers/Calculation/index.jsx
@@ -1,30 +1,33 @@
+import { Tabs } from 'antd';
import Background from 'client/Elements/Background';
-import React, { useState } from 'react';
+import { Box, Flex } from 'client/UIKit/grid';
+import React from 'react';
import Sections from './Sections';
-import { Tabs } from 'antd';
-import { Box, Flex } from 'client/UIKit/grid';
const { TabPane } = Tabs;
const Calculation = () => {
return (
-
-
- {Sections.map(({ title, elements }, i) => (
-
-
- {elements.map(({ Component, props }, ie) => {
- return (
-
-
-
- );
- })}
-
-
- ))}
-
-
+
+
+
+ {Sections.map(({ title, elements }, i) => (
+
+
+ {elements.map(({ Component, props }, ie) => {
+ return (
+
+
+
+ );
+ })}
+
+
+ ))}
+
+
+ Results
+
);
};
diff --git a/src/client/Elements/Background.jsx b/src/client/Elements/Background.jsx
index 1c147ea..17a9f4a 100644
--- a/src/client/Elements/Background.jsx
+++ b/src/client/Elements/Background.jsx
@@ -1,12 +1,13 @@
-import colors from "client/UIKit/colors";
-import { Box, Flex } from "client/UIKit/grid";
-import styled from "styled-components";
+import colors from 'client/UIKit/colors';
+import { Box, Flex } from 'client/UIKit/grid';
+import styled from 'styled-components';
const Background = styled(Box)`
background: ${colors.white[0]};
margin: 10px 10px;
padding: 10px 18px;
box-shadow: 4px 5px 17px -11px rgba(0, 0, 0, 0.75);
+ flex: ${props => props.flex};
`;
export default Background;