diff --git a/src/Components/CommitComponent.js b/src/Components/CommitComponent.js
index 5d1400e..ae8a14e 100644
--- a/src/Components/CommitComponent.js
+++ b/src/Components/CommitComponent.js
@@ -2,13 +2,26 @@ import moment from 'moment';
 import PropTypes from 'prop-types';
 import React from 'react';
 
+const commitStyle = {
+    display: "flex",
+    flexDirection: "row",
+    justifyContent: "space-between",
+    paddingLeft: "1em"
+};
+
+const dateStyle = {
+    opacity: ".5",
+    paddingLeft: "0.5em"
+};
+
 const CommitComponent = ({committedDate, abbreviatedOid, message}) => {
 
     const date = moment(committedDate).fromNow();
 
     return (
-        <div style={{paddingLeft: "1em"}}>
-            {abbreviatedOid}: {message} ({date})
+        <div style={commitStyle}>
+            {abbreviatedOid}: {message}
+            <div style={dateStyle}>{date}</div>
         </div>
     )
 };
diff --git a/src/Components/__tests__/__snapshots__/CommitComponent.test.js.snap b/src/Components/__tests__/__snapshots__/CommitComponent.test.js.snap
index 0cefe95..a4184b7 100644
--- a/src/Components/__tests__/__snapshots__/CommitComponent.test.js.snap
+++ b/src/Components/__tests__/__snapshots__/CommitComponent.test.js.snap
@@ -4,6 +4,9 @@ exports[`renders commit correctly 1`] = `
 <div
   style={
     Object {
+      "display": "flex",
+      "flexDirection": "row",
+      "justifyContent": "space-between",
       "paddingLeft": "1em",
     }
   }
@@ -11,8 +14,15 @@ exports[`renders commit correctly 1`] = `
   AAAAAA
   : 
   This is a commit message
-   (
-  3 days ago
-  )
+  <div
+    style={
+      Object {
+        "opacity": ".5",
+        "paddingLeft": "0.5em",
+      }
+    }
+  >
+    3 days ago
+  </div>
 </div>
 `;