diff --git a/public/css/index.css b/public/css/index.css
index 30a5f8e60..ffc7fe1a1 100644
--- a/public/css/index.css
+++ b/public/css/index.css
@@ -2063,16 +2063,16 @@ footer .ui.language .menu {
 .repository .diff-detail-box span.status.rename {
   background-color: #dad8ff;
 }
-.repository .diff-box {
+.repository .diff-box .header {
   display: flex;
   align-items: center;
 }
-.repository .diff-box .count {
+.repository .diff-box .header .count {
   margin-right: 12px;
   font-size: 13px;
   flex: 0 0 auto;
 }
-.repository .diff-box .count .bar {
+.repository .diff-box .header .count .bar {
   background-color: #bd2c00;
   height: 12px;
   width: 40px;
@@ -2080,16 +2080,16 @@ footer .ui.language .menu {
   margin: 2px 4px 0 4px;
   vertical-align: text-top;
 }
-.repository .diff-box .count .bar .add {
+.repository .diff-box .header .count .bar .add {
   background-color: #55a532;
   height: 12px;
 }
-.repository .diff-box .file {
+.repository .diff-box .header .file {
   flex: 0 1 100%;
   color: #888;
   word-break: break-all;
 }
-.repository .diff-box .button {
+.repository .diff-box .header .button {
   margin: -5px 0 -5px 12px;
   padding: 8px 10px;
   flex: 0 0 auto;
diff --git a/public/less/_repository.less b/public/less/_repository.less
index 8490228b4..34fdc2609 100644
--- a/public/less/_repository.less
+++ b/public/less/_repository.less
@@ -887,7 +887,7 @@
 			}
 		}
 	}
-	.diff-box {
+	.diff-box .header {
 		display: flex;
 		align-items: center;