diff --git a/js/components/ascribe_slides_container/slides_container.js b/js/components/ascribe_slides_container/slides_container.js index 88305f41..67286385 100644 --- a/js/components/ascribe_slides_container/slides_container.js +++ b/js/components/ascribe_slides_container/slides_container.js @@ -63,7 +63,8 @@ let SlidesContainer = React.createClass({ handleContainerResize() { this.setState({ - containerWidth: this.refs.containerWrapper.getDOMNode().offsetWidth + // +30 to get rid of the padding of the container which is 15px + 15px left and right + containerWidth: this.refs.containerWrapper.getDOMNode().offsetWidth + 30 }); }, diff --git a/sass/ascribe_slides_container.scss b/sass/ascribe_slides_container.scss index a4c19d1f..2bc2d115 100644 --- a/sass/ascribe_slides_container.scss +++ b/sass/ascribe_slides_container.scss @@ -2,6 +2,7 @@ overflow-x: hidden; overflow-y: hidden; padding-left: 0; + padding-right: 0; } .ascribe-sliding-container {