normalize summary box

src/registrar/assets/src/sass/_theme/_admin.scss

@@ -812,16 +812,19 @@ div.dja__model-description{
     text-decoration: underline !important;
 }
 
-//-- Override some styling for the USWDS summary box (per design quidance for ticket #2055
+//-- Override some styling for the USWDS summary box (per design guidance for ticket #2055)
-.usa-summary-box {
+// Keep it scoped to admin.scss
-    background: #{$dhs-blue-10};
+.dashboard {
-    border-color: #{$dhs-blue-30};
+    .usa-summary-box {
-    max-width: 72ex;
+        background: #{$dhs-blue-10};
-    word-wrap: break-word;
+        border-color: #{$dhs-blue-30};
-}
+        max-width: 72ex;
+        word-wrap: break-word;
+    }
 
-.usa-summary-box h3 {
+    .usa-summary-box h3 {
-    color: #{$dhs-blue-60};
+        color: #{$dhs-blue-60};
+    }
 }
 
 .module caption, .inline-group h2 {

src/registrar/assets/src/sass/_theme/_base.scss

@@ -59,7 +59,6 @@ body {
   }
 
   h2 {
-    color: color('primary-dark');
     margin-top: units(2);
     margin-bottom: units(2);
   }

src/registrar/assets/src/sass/_theme/_summary-box.scss

@@ -0,0 +1,15 @@
+// USWDS override to basically match the header size to a standard h3 size
+// This get complicated because USWDS sets a size on the container then a relative
+// size on the header. We'll need to reset the container size, override the header size,
+// then 'fix' the content size.
+.usa-summary-box {
+    font-size: 1rem;
+    .usa-summary-box__heading {
+        font-size: 1.17em;
+    }
+    p, li, dd {
+        font-size: 1.06rem;
+    }
+}
+
+  

src/registrar/assets/src/sass/_theme/styles.scss

@@ -17,6 +17,7 @@
 @forward "forms";
 @forward "search";
 @forward "tooltips";
+@forward "summary-box";
 @forward "fieldsets";
 @forward "alerts";
 @forward "tables";