diff --git a/frontend/src/components/details/DetailsComponent.js b/frontend/src/components/details/DetailsComponent.js
index 19b4689b..6d1a4051 100644
--- a/frontend/src/components/details/DetailsComponent.js
+++ b/frontend/src/components/details/DetailsComponent.js
@@ -39,7 +39,7 @@ class DetailsComponent extends Component {
         if (!this.state.compareCanvas) {
             return (
                 <Container fluid={true} style={{ padding: 0 }}>
-                    <Row>
+                    <Row style={{ padding: 0 }}>
                         <Col>
                             <ScenarioComponent
                                 loadComparePage={this.state.compareCanvas}
diff --git a/frontend/src/components/details/ScenarioComponent.jsx b/frontend/src/components/details/ScenarioComponent.jsx
index 21a12667..c834ce76 100644
--- a/frontend/src/components/details/ScenarioComponent.jsx
+++ b/frontend/src/components/details/ScenarioComponent.jsx
@@ -13,7 +13,7 @@ class ScenarioComponent extends Component {
         console.log(this.props);
 
         return (
-            <Container fluid={true} style={{ backgroundColor: 'white', padding: 0}} >
+            <Container fluid={true} style={{ backgroundColor: 'white',paddingRight:0,paddingLeft:0}} >
                 <NavbarComponent
                     loadComparePage={this.props.compareCanvas}
                     onCompareClick={this.props.onCompareClick}