diff --git a/admin/client/src/components/breadcrumb/index.js b/admin/client/src/components/breadcrumb/index.js
index 0e79d7395..f55c7e13d 100644
--- a/admin/client/src/components/breadcrumb/index.js
+++ b/admin/client/src/components/breadcrumb/index.js
@@ -24,7 +24,7 @@ class BreadcrumbComponent extends SilverStripeComponent {
      ]),
        this.props.crumbs.slice(-1).map((crumb, index) => [
          <li className="breadcrumb__item breadcrumb__item--last">
-           <h2 className="breadcrumb__item-title breadcrumb__item-title--last text-truncate" key={index}>
+           <h2 className="breadcrumb__item-title breadcrumb__item-title--last" key={index}>
              {crumb.text}
            </h2>
          </li>,
diff --git a/admin/client/src/components/breadcrumb/styles.scss b/admin/client/src/components/breadcrumb/styles.scss
index 38f2bae2b..206f80df4 100644
--- a/admin/client/src/components/breadcrumb/styles.scss
+++ b/admin/client/src/components/breadcrumb/styles.scss
@@ -25,4 +25,5 @@
 	font-size: $font-size-lg;
 	font-weight: normal;
 	line-height: 24px;
+	@include text-truncate;
 }
diff --git a/admin/client/src/styles/_typography.scss b/admin/client/src/styles/_typography.scss
index 91189f5e2..f7d154e5c 100644
--- a/admin/client/src/styles/_typography.scss
+++ b/admin/client/src/styles/_typography.scss
@@ -58,16 +58,3 @@
 		font-family: 'Bitstream Vera Sans Mono','Courier', monospace;
 	}
 }
-
-// Used for long sentences where you would like to truncate them with an ellipsis (requires a set width)
-.truncate {
-	white-space: nowrap;
-	overflow: hidden;
-	text-overflow: ellipsis;
-}
-
-// Used for breaking text so it doesn't run horizontally, useful for breaking URLs
-.break-string {
-	overflow-wrap: break-word;
-	word-wrap: break-word;
-}