From ab515ddf20c955474a5cc91f15902bcf6906e4f1 Mon Sep 17 00:00:00 2001
From: Diana Catalina Olarte <diana.olarte@edunext.co>
Date: Sat, 2 Dec 2023 09:12:46 +1100
Subject: [PATCH] fix: update css media brackpoints

---
 src/index.scss       | 1 -
 src/sass/_style.scss | 2 +-
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/index.scss b/src/index.scss
index 8f953c413d..d9708b4773 100755
--- a/src/index.scss
+++ b/src/index.scss
@@ -1,5 +1,4 @@
 @use "@edx/paragon/styles/css/core/custom-media-breakpoints.css" as paragonCustomMediaBreakpoints;
-@use "@edx/paragon/styles/scss/core/core";
 @import "~@edx/brand/paragon/overrides";
 
 @import "@edx/frontend-component-cookie-policy-banner/build/_cookie-policy-banner";
diff --git a/src/sass/_style.scss b/src/sass/_style.scss
index 9d40ae8c25..a896adfe25 100644
--- a/src/sass/_style.scss
+++ b/src/sass/_style.scss
@@ -469,7 +469,7 @@ select.form-control {
   margin-bottom: 0.5rem;
   font-weight: 700;
 
-  @include media-breakpoint-down('md') {
+  @media (--min-pgn-size-breakpoint-md) {
     line-height: 1.5rem;
     font-size: 1.125rem;
   }