diff --git a/awx/ui_next/src/screens/Job/JobOutput/JobEvent.jsx b/awx/ui_next/src/screens/Job/JobOutput/JobEvent.jsx
index ab4be12950..7947a22786 100644
--- a/awx/ui_next/src/screens/Job/JobOutput/JobEvent.jsx
+++ b/awx/ui_next/src/screens/Job/JobOutput/JobEvent.jsx
@@ -71,7 +71,7 @@ const JobEventLineNumber = styled.div`
   text-align: right;
   vertical-align: top;
   padding-right: 5px;
-  border-right: 1px solid #b7b7b7;
+  border-right: 1px solid #d7d7d7;
   user-select: none;
 `;
 const JobEventLineText = styled.div`
@@ -132,10 +132,10 @@ function JobEvent({ counter, created, event, stdout, start_line, ...rest }) {
     <JobEventWrapper {...rest}>
       {getLineTextHtml({ created, event, start_line, stdout }).map(
         ({ lineNumber, html }) =>
-          lineNumber !== 0 && (
+          lineNumber >= 0 && (
             <JobEventLine
               key={`${counter}-${lineNumber}`}
-              isFirst={lineNumber === 1}
+              isFirst={lineNumber === 0}
             >
               <JobEventLineToggle />
               <JobEventLineNumber>{lineNumber}</JobEventLineNumber>
diff --git a/awx/ui_next/src/screens/Job/JobOutput/JobOutput.jsx b/awx/ui_next/src/screens/Job/JobOutput/JobOutput.jsx
index 4a3ff30661..4ca912a02f 100644
--- a/awx/ui_next/src/screens/Job/JobOutput/JobOutput.jsx
+++ b/awx/ui_next/src/screens/Job/JobOutput/JobOutput.jsx
@@ -17,23 +17,26 @@ import JobEvent from './JobEvent';
 import JobEventSkeleton from './JobEventSkeleton';
 import MenuControls from './shared/MenuControls';
 
+const OutputHeader = styled.div`
+  font-weight: var(--pf-global--FontWeight--bold);
+`;
 const OutputToolbar = styled.div`
   display: flex;
   justify-content: flex-end;
 `;
 const OutputWrapper = styled.div`
-  height: calc(100vh - 325px);
+  height: calc(100vh - 350px);
   background-color: #fafafa;
   margin-top: 24px;
   font-family: monospace;
   font-size: 15px;
-  border: 1px solid #b7b7b7;
+  outline: 1px solid #d7d7d7;
   display: flex;
   flex-direction: column;
 `;
 const OutputFooter = styled.div`
   background-color: #ebebeb;
-  border-right: 1px solid #b7b7b7;
+  border-right: 1px solid #d7d7d7;
   width: 75px;
   flex: 1;
 `;
@@ -160,6 +163,9 @@ class JobOutput extends Component {
   }
 
   loadMoreRows({ startIndex, stopIndex }) {
+    if (startIndex === 0 && stopIndex === 0) {
+      return;
+    }
     const { job } = this.props;
 
     const loadRange = range(startIndex, stopIndex);
@@ -171,6 +177,7 @@ class JobOutput extends Component {
       counter__lte: stopIndex,
       order_by: 'start_line',
     };
+
     return JobsAPI.readEvents(job.id, job.type, params).then(response => {
       this.setState(({ results, currentlyLoading }) => {
         response.data.results.forEach(jobEvent => {
@@ -229,7 +236,7 @@ class JobOutput extends Component {
 
     return (
       <CardBody>
-        <b>{job.name}</b>
+        <OutputHeader>{job.name}</OutputHeader>
         <OutputToolbar>
           <MenuControls
             onScrollTop={this.handleScrollTop}