diff --git a/src/components/presentational/TimelineHandles.js b/src/components/presentational/TimelineHandles.js
index 3e65f9b..12e9da9 100644
--- a/src/components/presentational/TimelineHandles.js
+++ b/src/components/presentational/TimelineHandles.js
@@ -5,14 +5,14 @@ const TimelineHandles = ({ dims, onMoveTime }) => {
   return (
     <g className="time-controls-inline">
       <g
-        transform={`translate(${dims.margin_left + 20}, 62)`}
+        transform={`translate(${dims.margin_left - 20}, 120)`}
         onClick={() => onMoveTime('backwards')}
       >
         <circle r="15"></circle>
         <path d="M0,-7.847549217020565L6.796176979388489,3.9237746085102825L-6.796176979388489,3.9237746085102825Z" transform="rotate(270)"></path>
       </g>
       <g
-        transform={`translate(${dims.width - dims.width_controls - 20}, 62)`}
+        transform={`translate(${dims.width - dims.width_controls + 20}, 120)`}
         onClick={() => onMoveTime('forward')}
       >
         <circle r="15"></circle>
@@ -23,4 +23,4 @@ const TimelineHandles = ({ dims, onMoveTime }) => {
 
 }
 
-export default TimelineHandles;
\ No newline at end of file
+export default TimelineHandles;