diff --git a/awx/ui/client/legacy-styles/forms.less b/awx/ui/client/legacy-styles/forms.less
index 82e768e09b..9fa16dc0fb 100644
--- a/awx/ui/client/legacy-styles/forms.less
+++ b/awx/ui/client/legacy-styles/forms.less
@@ -44,9 +44,11 @@
     color: @list-header-txt;
     font-size: 14px;
     font-weight: bold;
-    white-space: nowrap;
     padding-bottom: 25px;
     min-height: 45px;
+    word-break: break-all;
+    max-width: 90%;
+    word-wrap: break-word;
 }
 
 .Form-secondaryTitle{
diff --git a/awx/ui/client/src/bread-crumb/bread-crumb.block.less b/awx/ui/client/src/bread-crumb/bread-crumb.block.less
index 08abee34a7..ac8e0792c9 100644
--- a/awx/ui/client/src/bread-crumb/bread-crumb.block.less
+++ b/awx/ui/client/src/bread-crumb/bread-crumb.block.less
@@ -66,6 +66,12 @@
     display: inline-block;
     color: @default-interface-txt;
     text-transform: uppercase;
+    max-width: 200px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: inline-block;
+    vertical-align: bottom;
 }
 
 .BreadCrumb-item + .BreadCrumb-item:before {