diff --git a/elements/timecontrol/src/main.js b/elements/timecontrol/src/main.js
index 84e98e7e8..45b8eef95 100644
--- a/elements/timecontrol/src/main.js
+++ b/elements/timecontrol/src/main.js
@@ -292,9 +292,12 @@ export class EOxTimeControl extends LitElement {
           >
             <
           </button>
+          <span part="current">${this.controlValues[this._newStepIndex]}</span>
           <button part="next" class="icon next" @click="${() => this.next()}">
             >
           </button>
+        </div>
+        <div>
           ${!this.disablePlay
             ? html`
                 <button
@@ -334,8 +337,6 @@ export class EOxTimeControl extends LitElement {
                 </div>
               `
             : ""}
-
-          <span part="current">${this.controlValues[this._newStepIndex]}</span>
         </div>
       </main>
     `;
diff --git a/elements/timecontrol/src/style.eox.js b/elements/timecontrol/src/style.eox.js
index 70af7fac7..8a15a5991 100644
--- a/elements/timecontrol/src/style.eox.js
+++ b/elements/timecontrol/src/style.eox.js
@@ -5,6 +5,10 @@ export const styleEOX = `
   font-family: Roboto, sans-serif;
 }
 
+main {
+  text-align: center;
+}
+
 ${button}
 
 button.icon-text.play:before {