diff --git a/monitor/how/how.component.less b/monitor/how/how.component.less
index d662a569..04459c51 100644
--- a/monitor/how/how.component.less
+++ b/monitor/how/how.component.less
@@ -1,4 +1,6 @@
-@media only screen and (min-width: 640px) {
+@import "~src/assets/openaire-theme/less/_import-variables";
+
+@media only screen and (min-width: @breakpoint-small) {
   .how .first > div:first-child {
     position: relative;
   }
@@ -157,7 +159,7 @@
   }
 }
 
-@media only screen and (max-width: 639px) {
+@media only screen and (max-width: @breakpoint-xsmall-max) {
   .how .first {
     position: relative;
     padding-bottom: 30%;