diff --git a/html5/verto/verto_communicator/src/css/verto.css b/html5/verto/verto_communicator/src/css/verto.css
index 94976e7d48..41593a3d2c 100644
--- a/html5/verto/verto_communicator/src/css/verto.css
+++ b/html5/verto/verto_communicator/src/css/verto.css
@@ -39,15 +39,15 @@ body {
 /* This is an technique to align the block centered vertically
    and horizontally in a page. */
 .centered-block-frame {
-  display: -webkit-flex; /* Safari */
-  -webkit-justify-content: center; /* Safari 6.1+ */
-  -webkit-align-items: center;
   display: flex;
   justify-content: center;
   align-items: center;
   object-fit:inherit;
   width: 100%;
   height: 100%;
+  display: -webkit-flex; /* Safari */
+  -webkit-justify-content: center; /* Safari 6.1+ */
+  -webkit-align-items: center;
 }
 
 .centered-block {