diff --git a/skinStyles/mediawiki.page.gallery.styles/tablet.less b/skinStyles/mediawiki.page.gallery.styles/tablet.less
index 09d67dd..8b8378e 100644
--- a/skinStyles/mediawiki.page.gallery.styles/tablet.less
+++ b/skinStyles/mediawiki.page.gallery.styles/tablet.less
@@ -2,7 +2,7 @@
 @import '../../minerva.less/minerva.mixins';
 
 // Hacks to render galleries and multicol tables better on mobile
-@media all and ( max-width: @deviceWidthTablet ) {
+@media all and ( max-width: @width-breakpoint-tablet ) {
 
 	// Center images that might be less than the screen width.
 	// Image will appear centered and caption will take up full screen.
diff --git a/skinStyles/mobile.notifications.overlay/minerva.less b/skinStyles/mobile.notifications.overlay/minerva.less
index 2891804..59093db 100644
--- a/skinStyles/mobile.notifications.overlay/minerva.less
+++ b/skinStyles/mobile.notifications.overlay/minerva.less
@@ -9,7 +9,7 @@
 	}
 }
 
-@media all and ( min-width: @deviceWidthTablet ) {
+@media all and ( min-width: @width-breakpoint-tablet ) {
 	.notifications-overlay {
 		.mw-echo-notification {
 			padding: 1.75em @contentPaddingTablet;
diff --git a/skinStyles/mobile.special.mobileoptions.styles/minerva.less b/skinStyles/mobile.special.mobileoptions.styles/minerva.less
index a726b3e..80dbd04 100644
--- a/skinStyles/mobile.special.mobileoptions.styles/minerva.less
+++ b/skinStyles/mobile.special.mobileoptions.styles/minerva.less
@@ -1,6 +1,6 @@
 @import '../../minerva.less/minerva.variables';
 
-@media all and ( min-width: @deviceWidthTablet ) {
+@media all and ( min-width: @width-breakpoint-tablet ) {
 	.ns-special .pre-content {
 		background: #fff;