diff --git a/src/components/Box.js b/src/components/Box.js
index 7b1a889..95a5e7a 100644
--- a/src/components/Box.js
+++ b/src/components/Box.js
@@ -27,7 +27,7 @@ class Box extends Component {
           </Col>
         </Row>
         <Row>
-          <Col xs="6" md="6">
+          <Col xs="6">
             <Button
               className="button"
               color="danger"
@@ -38,7 +38,7 @@ class Box extends Component {
               STOP
              </Button>
           </Col>
-          <Col xs="6" md="6">
+          <Col xs="6">
               <Button
                 className="button"
                 color="secondary"
diff --git a/src/components/Timer.js b/src/components/Timer.js
index 78534ea..d154ff6 100644
--- a/src/components/Timer.js
+++ b/src/components/Timer.js
@@ -135,7 +135,7 @@ class Timer extends Component {
             </Col>
           </Row>
           <Row>
-            <Col md={{ size: 6, offset: 3 }}>
+            <Col sm={{size: 10, offset: 1}} md={{size: 8, offset: 2}} lg={{ size: 6, offset: 3 }}>
               <Box
                 startTimer={this.startTimer}
                 stopTimer={this.stopTimer}