diff --git a/app/scripts/components/common/page-header/logo-container/styles.scss b/app/scripts/components/common/page-header/logo-container/styles.scss
index 204f46ebb..d76cd6c47 100644
--- a/app/scripts/components/common/page-header/logo-container/styles.scss
+++ b/app/scripts/components/common/page-header/logo-container/styles.scss
@@ -49,10 +49,4 @@
     font-weight: regular;
     letter-spacing: -0.025em;
   }
-}
-
-.mode-dark {
-  span {
-    color: themeVars.$veda-uswds-color-base-white !important;
-  }
 }
\ No newline at end of file
diff --git a/app/scripts/styles/_uswds-theme.scss b/app/scripts/styles/_uswds-theme.scss
index c66cd98f9..ff1b04f09 100644
--- a/app/scripts/styles/_uswds-theme.scss
+++ b/app/scripts/styles/_uswds-theme.scss
@@ -16,6 +16,12 @@
         "mobile-lg": false,
         "desktop": false
     ),
-    $theme-font-type-sans: baseFontFamily,
     $theme-font-type-serif: baseFontFamily,
+    $theme-font-type-sans: 'public-sans',
 );
+
+
+// @NOTE: 'ui' & 'body' (role-based tokens) seems to be the default font-family setting token ($theme-font-role-ui) across components https://designsystem.digital.gov/documentation/settings/#typography-settings, 
+// for example footer, header, form, button, banner, etc. Could we just ovewrite those to look at public-sans which  is what we want our default?
+// $theme-font-role-ui role-based token maps to 'sans' type-based token
+// $theme-font-role-body maps to 'sans' type-based token
\ No newline at end of file