diff --git a/app/assets/javascripts/vue_shared/components/usage_quotas/usage_banner.vue b/app/assets/javascripts/vue_shared/components/usage_quotas/usage_banner.vue
index b95be60221947a0e6af83ebe7c891f19cf73c7c9..45fe5973b155e64f5cef03e79d89c16f839a72ce 100644
--- a/app/assets/javascripts/vue_shared/components/usage_quotas/usage_banner.vue
+++ b/app/assets/javascripts/vue_shared/components/usage_quotas/usage_banner.vue
@@ -56,7 +56,7 @@ export default {
                 'right-primary-text'
               ]
             "
-            class="gl-display-flex gl-align-items-center gl-sm-text-body gl-sm-font-weight-bold gl-min-h-6"
+            class="gl-display-flex gl-align-items-center gl-sm-text-body sm:gl-font-bold gl-min-h-6"
           >
             <slot name="right-primary-text"></slot>
           </div>
diff --git a/app/assets/javascripts/work_items/components/item_title.vue b/app/assets/javascripts/work_items/components/item_title.vue
index 2dbf16288779cfeb56f2b573fbd3cfc637754d8e..ffe3aac32c668a0763897059ed1a7f3550006f0f 100644
--- a/app/assets/javascripts/work_items/components/item_title.vue
+++ b/app/assets/javascripts/work_items/components/item_title.vue
@@ -28,7 +28,7 @@ export default {
     headerClasses() {
       return this.useH1
         ? 'gl-w-full gl-font-size-h-display gl-m-0!'
-        : 'gl-font-normal gl-sm-font-weight-bold gl-mb-1 gl-mt-0 gl-w-full';
+        : 'gl-font-normal sm:gl-font-bold gl-mb-1 gl-mt-0 gl-w-full';
     },
   },
   methods: {
diff --git a/app/assets/javascripts/work_items/components/work_item_title.vue b/app/assets/javascripts/work_items/components/work_item_title.vue
index 00b5631e0fb9c3c7f9c7211d208c1b960341d998..02c5dcf39c6def1275a1d841e1b9b76b6a294a38 100644
--- a/app/assets/javascripts/work_items/components/work_item_title.vue
+++ b/app/assets/javascripts/work_items/components/work_item_title.vue
@@ -59,7 +59,7 @@ export default {
   <h1
     v-else
     data-testid="work-item-title"
-    class="gl-w-full gl-font-normal gl-sm-font-weight-bold gl-mb-1 gl-mt-0 gl-font-size-h-display"
+    class="gl-w-full gl-font-normal sm:gl-font-bold gl-mb-1 gl-mt-0 gl-font-size-h-display"
   >
     {{ title }}
   </h1>