From e27054cd259b5246891faa9655eaae04c3ecdbcc Mon Sep 17 00:00:00 2001
From: zandercymatics <141044360+zandercymatics@users.noreply.github.com>
Date: Fri, 2 Feb 2024 13:02:52 -0700
Subject: [PATCH] Add styles for desktop and mobile

---
 src/registrar/assets/sass/_theme/_base.scss | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/registrar/assets/sass/_theme/_base.scss b/src/registrar/assets/sass/_theme/_base.scss
index ca4c03de6..b5f4c5c6f 100644
--- a/src/registrar/assets/sass/_theme/_base.scss
+++ b/src/registrar/assets/sass/_theme/_base.scss
@@ -131,11 +131,21 @@ abbr[title] {
 }
 
 // Only apply this custom wrapping to desktop
-@media (min-width: 768px) {
+@include at-media(desktop) {
   .usa-tooltip__body {
-    min-width: 320px;
+    min-width: 350px;
     max-width: 350px;
     white-space: normal;
+    text-align: center;
+  }
+}
+
+@media (min-width: 768px) {
+  .usa-tooltip__body {
+    min-width: 250px;
+    max-width: 250px;
+    white-space: normal;
+    text-align: center;
   }
 }
 // USWDS has weird interactions with SVGs regarding tooltips,