diff --git a/josh-ui/src/App.scss b/josh-ui/src/App.scss
index f2efdbaf3..64f8faa07 100644
--- a/josh-ui/src/App.scss
+++ b/josh-ui/src/App.scss
@@ -86,7 +86,8 @@ nav {
 }
 
 pre.commit-message {
-  padding: 2em;
+  padding: 1em 2em;
+  margin:0em;
   font-family: $font-main;
   background: #111111;
 }
@@ -137,7 +138,8 @@ pre.commit-message {
   display: flex;
   justify-content: space-between;
   padding: .2em .5em;
-  margin-bottom: 0.7em;
+  margin-bottom: 0em;
+  margin-top: 0.2em;
 
   &-select {
     a {
@@ -186,6 +188,11 @@ pre.commit-message {
 
 }
 
+.diff-view-filename {
+  padding: 0.5em 2em;
+  font-family: $font-main;
+}
+
 .commit-list-entry-dir {
   @include ui-link-clickable;
   &:hover {
diff --git a/josh-ui/src/DiffViewer.tsx b/josh-ui/src/DiffViewer.tsx
index 0241f392a..84d8ba4fe 100644
--- a/josh-ui/src/DiffViewer.tsx
+++ b/josh-ui/src/DiffViewer.tsx
@@ -76,8 +76,8 @@ export class DiffViewer extends React.Component<DiffViewerProps, State> {
         if (this.state.content_a !== undefined 
         &&  this.state.content_b !== undefined) {
             return <div>
-                <div>{this.state.summary}</div>
-                <div>{this.props.path}</div>
+                <pre className="commit-message">{this.state.summary}</pre>
+                <div className="diff-view-filename">{this.props.path}</div>
                 <DiffEditor
                     modified={this.state.content_b}
                     original={this.state.content_a}