diff --git a/awx/ui/static/js/dashboard/lists/job-templates/job-templates-list.block.less b/awx/ui/static/js/dashboard/lists/job-templates/job-templates-list.block.less
index b0e9bd8d52..ec5fb2e38f 100644
--- a/awx/ui/static/js/dashboard/lists/job-templates/job-templates-list.block.less
+++ b/awx/ui/static/js/dashboard/lists/job-templates/job-templates-list.block.less
@@ -30,7 +30,7 @@
     padding-bottom: 7px;
     padding-top: 5px;
     border-bottom: 1px solid #a9a9a9;
-    align-items: center;
+    align-items: stretch;
 }
 
 .DashboardJobTemplates-item--snapRows {
@@ -65,19 +65,23 @@
     flex: initial;
     width: 88px;
     margin-left: 10px;
+    align-self: center;
 }
 
 .DashboardJobTemplates-name {
+    max-width: 100%;
+    word-break: break-all;
+}
+
+.DashboardJobTemplates-nameContainer {
     flex: 1;
 }
 
 .DashboardJobTemplates-name:hover {
-    font-weight: 700;
     color: #2a6496;
     cursor: pointer;
 }
 
-
 .DashboardJobTemplates-launch {
     font-size: 25px;
     height: 28px;
@@ -86,6 +90,7 @@
     color: #1778c3;
     margin-right: 13px;
     flex: initial;
+    align-self: center;
 }
 
 .DashboardJobTemplates-launch:hover {
@@ -102,7 +107,7 @@
         padding-top: 7px;
     }
 
-    .DashboardJobTemplates-name {
+    .DashboardJobTemplates-nameContainer {
         font-size:19px;
         border-left: 1px solid #a9a9a9;
         padding-left: 14px;
diff --git a/awx/ui/static/js/dashboard/lists/job-templates/job-templates-list.partial.html b/awx/ui/static/js/dashboard/lists/job-templates/job-templates-list.partial.html
index 1a1d508b19..180fea8dc9 100644
--- a/awx/ui/static/js/dashboard/lists/job-templates/job-templates-list.partial.html
+++ b/awx/ui/static/js/dashboard/lists/job-templates/job-templates-list.partial.html
@@ -9,8 +9,8 @@
             <i class="fa fa-rocket
                 DashboardJobTemplates-launch"
                 ng-click="launchJobTemplate(job_template.id)"></i>
-            <a href="#/job_templates/{{ job_template.id }}" class="DashboardJobTemplates-name">
-                {{ job_template.name }}
+            <a href="#/job_templates/{{ job_template.id }}" class="DashboardJobTemplates-nameContainer">
+                <span class="DashboardJobTemplates-name">{{ job_template.name }}</span>
             </a>
             <aw-smart-status jobs="job_template.recent_jobs" class="DashboardJobTemplates-smartStatus"></aw-smart-status>
         </div>
diff --git a/awx/ui/static/js/dashboard/lists/jobs/jobs-list.block.less b/awx/ui/static/js/dashboard/lists/jobs/jobs-list.block.less
index 07d744ca9c..ae408a8aea 100644
--- a/awx/ui/static/js/dashboard/lists/jobs/jobs-list.block.less
+++ b/awx/ui/static/js/dashboard/lists/jobs/jobs-list.block.less
@@ -45,6 +45,7 @@
     padding-bottom: 9px;
     padding-top: 7px;
     align-items: center;
+    word-break: break-all;
 }
 
 .DashboardJobs-status {
@@ -65,13 +66,16 @@
     text-align: right;
     margin-bottom: 0px;
     margin-left: 10px;
-    color: #000;
+    color: #6f6f6f;
 }
 
 .DashboardJobs-itemLink:hover {
-    .DashboardJobs-nameContainer,
+    .DashboardJobs-nameContainer {
+        color: #2a6496;
+    }
+
     .DashboardJobs-time {
-        font-weight: 600;
+        color: #000;
     }
 
     .DashboardJobs-status--success {