diff --git a/awx/ui/client/src/job-detail/job-detail.block.less b/awx/ui/client/src/job-detail/job-detail.block.less
index 20f73c0d37..2c00e9eae5 100644
--- a/awx/ui/client/src/job-detail/job-detail.block.less
+++ b/awx/ui/client/src/job-detail/job-detail.block.less
@@ -21,7 +21,7 @@
     }
 }
 .JobDetail{
-   .OnePlusOne-container(100%, @breakpoint-md);
+    .OnePlusOne-container(100%, @breakpoint-md);
 
     &.fullscreen {
         .JobDetail-rightSide {
@@ -36,9 +36,6 @@
 
 .JobDetail-rightSide{
     .OnePlusOne-panel--right(100%, @breakpoint-md);
-    @media (min-width: @breakpoint-md) {
-        max-width: 50%;
-    }
     @media (max-width: @breakpoint-md - 1px) {
         padding-right: 15px;
     }
@@ -131,8 +128,9 @@
 .JobDetail-resultRowText{
     width: 40%;
     flex: 1 0 auto;
-    padding:0px;
+    padding:0px 29px;
     text-transform: none;
+    word-wrap: break-word;
 }
 
 .JobDetail-searchHeaderRow{
diff --git a/awx/ui/client/src/shared/layouts/one-plus-one.less b/awx/ui/client/src/shared/layouts/one-plus-one.less
index 36df990c8f..5b5534f64d 100644
--- a/awx/ui/client/src/shared/layouts/one-plus-one.less
+++ b/awx/ui/client/src/shared/layouts/one-plus-one.less
@@ -20,11 +20,13 @@
 	flex: 1 1;
 	height: @height;
 	width: 100%;
+	max-width: 50%;
 	margin-right: 20px;
 	.Panel{
 		height: 100%;
 	}
-	@media screen and (max-width @breakpoint){
+	@media screen and (max-width: @breakpoint){
+		max-width: 100%;
 		margin-right: 0px;
 		height: inherit;
 	}
@@ -34,11 +36,13 @@
 	flex: 1 1;
 	height: @height;
 	width: 100%;
+	max-wdith: 50%;
 	margin-right: 0px;
 	.Panel{
 		height: 100%;
 	}
-	@media screen and (max-width @breakpoint){
+	@media screen and (max-width: @breakpoint) {
+		max-width: 100%;
 		height: inherit;
 	}
 }