diff --git a/scm-ui-components/packages/ui-components/src/repos/DiffFile.js b/scm-ui-components/packages/ui-components/src/repos/DiffFile.js
index 34762794ea..cf25fa9f71 100644
--- a/scm-ui-components/packages/ui-components/src/repos/DiffFile.js
+++ b/scm-ui-components/packages/ui-components/src/repos/DiffFile.js
@@ -191,7 +191,7 @@ class DiffFile extends React.Component<Props, State> {
       value = file.type;
     }
     const color =
-      value === "added" ? "success" : value === "deleted" ? "danger" : "info";
+      value === "added" ? "outline-success" : value === "deleted" ? "outline-danger" : "outline-info";
 
     return (
       <Tag