diff --git a/scm-ui/src/repos/components/ChangesetRow.js b/scm-ui/src/repos/components/ChangesetRow.js
index cb8691206a..cd2e8a228e 100644
--- a/scm-ui/src/repos/components/ChangesetRow.js
+++ b/scm-ui/src/repos/components/ChangesetRow.js
@@ -13,6 +13,9 @@ const styles = {
   },
   changesetGroup: {
     marginBottom: "1em"
+  },
+  withOverflow: {
+    overflow: "auto"
   }
 };
 
@@ -49,7 +52,7 @@ class ChangesetRow extends React.Component<Props> {
         <figure className="media-left">
           <ChangesetAvatar changeset={changeset} />
         </figure>
-        <div className="media-content">
+        <div className={classNames("media-content", classes.withOverflow)}>
           <div className="content">
             <p className="is-ellipsis-overflow">
               {changeset.description}
diff --git a/scm-ui/styles/scm.scss b/scm-ui/styles/scm.scss
index 19c19b607c..43701de5eb 100644
--- a/scm-ui/styles/scm.scss
+++ b/scm-ui/styles/scm.scss
@@ -11,10 +11,6 @@ $blue: #33B2E8;
   white-space: nowrap;
 }
 
-.media-content {
-  overflow: auto;
-}
-
 .has-rounded-border {
   border-radius: 0.25rem;
 }