diff --git a/src/components/periods/Timeline.js b/src/components/periods/Timeline.js
index 470f9d432..5ba87b5ad 100644
--- a/src/components/periods/Timeline.js
+++ b/src/components/periods/Timeline.js
@@ -211,8 +211,8 @@ class Timeline extends Component {
             <svg
                 className={`dhis2-map-timeline ${styles.timeline}`}
                 style={{
-                    height: `${32 + rectTotalHeight}`,
-                    bottom: `30`,
+                    height: `${32 + rectTotalHeight}px`,
+                    bottom: `30px`,
                 }}
             >
                 {/* Play/Pause Button */}