diff --git a/responsive.less b/responsive.less
index 3877e2bb8..242d0a706 100644
--- a/responsive.less
+++ b/responsive.less
@@ -3,8 +3,9 @@
 	instead of to the side of it. They also hide the logo, as there's no space
 	left for it.
 */
+@import 'mediawiki.ui/variables';
 
-@media screen and ( max-width: @deviceWidthTablet ) {
+@media screen and ( max-width: @width-breakpoint-tablet ) {
 	#mw-head {
 		position: static !important; /* stylelint-disable-line declaration-no-important */
 		margin-top: 0.5em;