diff --git a/resources/newProblem.scss b/resources/newProblem.scss
index 9d2551f..f516e47 100644
--- a/resources/newProblem.scss
+++ b/resources/newProblem.scss
@@ -30,6 +30,14 @@
     display: flex !important;
 }
 
+@media screen and (min-width: 1000px) {
+    .d-flex-problem {
+        display: -webkit-box !important;
+        display: -ms-flexbox !important;
+        display: flex !important;
+    }
+}
+
 @media (min-width: 576px) {
     .d-sm-flex {
         display: -webkit-box !important;
@@ -300,5 +308,7 @@ button:hover, button:focus {
 }
 
 .info-block {
+    display:table-cell;
+    vertical-align:middle;
     margin-right: auto;
 }
diff --git a/templates/problem/problem.html b/templates/problem/problem.html
index f5e276f..a727c42 100644
--- a/templates/problem/problem.html
+++ b/templates/problem/problem.html
@@ -312,7 +312,7 @@
       </a>
     </div>
   {% endif %}
-  <div class = "new-problem-info d-flex align-items-center justify-content-center">
+  <div class = "new-problem-info d-flex-problem">
     <span class="info-block">
       <i class="fa fa-check fa-fw"></i><span class="pi-name">{{ _('Points:') }}</span>
       <span class="new-pi-value">