From a997dbf40f43c1391a78986ab0e7f66b5ab387de Mon Sep 17 00:00:00 2001
From: Rachid Mrad <rachid.mrad@ecstech.com>
Date: Fri, 21 Feb 2025 15:48:37 -0500
Subject: [PATCH] use at-media-max instead of vanilla media query

---
 src/registrar/assets/src/sass/_theme/_accordions.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/registrar/assets/src/sass/_theme/_accordions.scss b/src/registrar/assets/src/sass/_theme/_accordions.scss
index c57446bb5..0eebe3b89 100644
--- a/src/registrar/assets/src/sass/_theme/_accordions.scss
+++ b/src/registrar/assets/src/sass/_theme/_accordions.scss
@@ -51,7 +51,7 @@
 // This won't work on the Members table rows because that table has show-more rows
 // Currently, that's not an issue since that Members table is not wrapped in the
 // reponsive wrapper.
-@media screen and (max-width: 1023px) {
+@include at-media-max("desktop") {
     tr:last-of-type .usa-accordion--more-actions .usa-accordion__content {
         top: auto;
         bottom: -10px;