diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss
index 4649232d..e3df87f3 100644
--- a/assets/scss/_styles_project.scss
+++ b/assets/scss/_styles_project.scss
@@ -488,7 +488,7 @@ Make padding symmetrical (this selector is used in the default styles to apply p
 
 /* Adjust default styles for info banner */
 .pageinfo-primary {
-  @media (min-width: 768px) {
+  @include media-breakpoint-up(lg) {
     max-width: 80%;
   }
   margin-top: 0;