diff --git a/src/App.vue b/src/App.vue
index e69824047105b97d90a13045d55c99e14c1611cc..1407a94c71a83f1ea2eee96d9dab62ba4854296a 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -141,7 +141,7 @@
               </div>
             </div>
           </div>
-          <div class="desktop flex push-right-desktop item title">
+          <div class="desktop flex push-right-desktop item title abstract">
             <span>
               {{ APPLICATION_ABSTRACT }}
             </span>
@@ -405,7 +405,13 @@ footer {
   z-index: 1001;
 }
 
-@media screen and (min-width: 560px) {
+@media screen and (max-width: 985px) {
+  .abstract{
+    display: none !important;
+  }
+}
+
+@media screen and (min-width: 590px) {
   .mobile {
     display: none !important;
   }
@@ -420,7 +426,7 @@ footer {
   }
 }
 
-@media screen and (max-width: 560px) {
+@media screen and (max-width: 590px) {
   .desktop {
     display: none !important;
   }