diff --git a/apps/client/src/views/editor/pip-timer/PipTimer.scss b/apps/client/src/views/editor/pip-timer/PipTimer.scss
index 44d3a1c52..0cdb6eefd 100644
--- a/apps/client/src/views/editor/pip-timer/PipTimer.scss
+++ b/apps/client/src/views/editor/pip-timer/PipTimer.scss
@@ -28,9 +28,9 @@
 
   .timer-container {
     flex: 1;
-    align-content: center;
-    justify-self: center;
-    align-self: center;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
 
     width: 100%;
     overflow: hidden;
diff --git a/apps/client/src/views/timer/Timer.scss b/apps/client/src/views/timer/Timer.scss
index 5f3b9bf98..7e94b7c66 100644
--- a/apps/client/src/views/timer/Timer.scss
+++ b/apps/client/src/views/timer/Timer.scss
@@ -82,9 +82,9 @@
 
   .timer-container {
     flex: 1;
-    align-content: center;
-    justify-self: center;
-    align-self: center;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
 
     width: 100%;
     overflow: hidden;