diff --git a/x-pack/plugins/code/public/components/main/commit_history.tsx b/x-pack/plugins/code/public/components/main/commit_history.tsx
index 9ec50dc557ef4..f3d7526dcc5e2 100644
--- a/x-pack/plugins/code/public/components/main/commit_history.tsx
+++ b/x-pack/plugins/code/public/components/main/commit_history.tsx
@@ -43,9 +43,9 @@ const Commit = (props: { commit: CommitInfo; date: string; repoUri: string }) =>
     .join('');
   return (
     <EuiPanel className="code-timeline__commit--root">
-      <div>
+      <div className="eui-textTruncate">
         <EuiText size="s">
-          <p>{message}</p>
+          <p className="eui-textTruncate">{message}</p>
         </EuiText>
         <EuiText size="xs">
           <EuiTextColor color="subdued">
diff --git a/x-pack/plugins/code/public/components/main/main.scss b/x-pack/plugins/code/public/components/main/main.scss
index 22766f8e7a965..3ee15d6a86b62 100644
--- a/x-pack/plugins/code/public/components/main/main.scss
+++ b/x-pack/plugins/code/public/components/main/main.scss
@@ -275,7 +275,7 @@
 .code-commit-id {
   @include euiCodeFont;
   height: calc(20rem / 14);
-  margin: auto 0;
+  margin: auto 0 auto $euiSizeM;
   text-align: center;
   flex-shrink: 0;
 }