diff --git a/awx/ui/static/js/shared/truncated-text.directive.js b/awx/ui/static/js/shared/truncated-text.directive.js
index 745ae352ca..bf3d1fd8cc 100644
--- a/awx/ui/static/js/shared/truncated-text.directive.js
+++ b/awx/ui/static/js/shared/truncated-text.directive.js
@@ -1,5 +1,4 @@
 /* jshint unused: vars */
-import {addResizeListener, removeResizeListener} from 'tower/shared/element-resize';
 
 function link($compile, scope, element, attrs) {
 
@@ -66,14 +65,12 @@ function link($compile, scope, element, attrs) {
     // wanted to leave this as a regular event binding, but
     // was running into issues with the resized element getting
     // removed from the DOM after truncating! No idea why yet.
-    function resizeListener() {
+    element.resize(function() {
         addTitleIfWrapping(getText());
-    }
-
-    addResizeListener(element[0], resizeListener);
+    });
 
     scope.$watch('$destroy', function() {
-        removeResizeListener(element[0], resizeListener);
+        element.off('resize');
     });
 }