diff --git a/embark-ui/src/components/ContractOverview.js b/embark-ui/src/components/ContractOverview.js
index ed0b9ad36..4f1b85123 100644
--- a/embark-ui/src/components/ContractOverview.js
+++ b/embark-ui/src/components/ContractOverview.js
@@ -100,10 +100,12 @@ class ContractFunction extends Component {
               ))}
               </Form>
               {!ContractFunction.isPureCall(this.props.method) &&
-                <Col xs={12} style={{"margin-bottom": "5px", "margin-top": "5px"}}>
+                <Col xs={12} className="my-2">
                   <Row>
-                  <strong className="collapsable" onClick={() => this.toggleOptions()}><i className={this.state.optionsCollapse ? 'fa fa-caret-down' : 'fa fa-caret-right'}/>Advanced Options</strong>
-                    <Col xs={12} style={{"margin-bottom": "5px", "margin-top": "5px"}}>
+                    <strong className="collapsable" onClick={() => this.toggleOptions()}>
+                      <i className={this.state.optionsCollapse ? 'fa fa-caret-down' : 'fa fa-caret-right'}/>Advanced Options
+                    </strong>
+                    <Col xs={12} className="my-2">
                       <Row>
                         <Collapse isOpen={this.state.optionsCollapse}>
                           <Form action="" method="post" inline>
diff --git a/embark-ui/src/components/Contracts.js b/embark-ui/src/components/Contracts.js
index dc6fb8d5e..fa1fdc5d7 100644
--- a/embark-ui/src/components/Contracts.js
+++ b/embark-ui/src/components/Contracts.js
@@ -1,6 +1,6 @@
 import PropTypes from "prop-types";
 import React from 'react';
-import {Row, Col, Card, CardHeader, CardBody, CardTitle} from "reactstrap";
+import {Row, Col, Card, CardHeader, CardBody} from "reactstrap";
 import {Link} from 'react-router-dom';
 import {formatContractForDisplay} from '../utils/presentation';