The layout was problematic, for example the `.octicon(primitive-dot)` mixin brings in:

```css
.editor .gutter.git-diff-icon .line-number.git-line-modified:before {
font-family: 'Octicons Regular';
font-weight: normal;
font-style: normal;
display: inline-block;
line-height: 1;
-webkit-font-smoothing: antialiased;
text-decoration: none;
font-size: 14px;
width: 14px;
height: 14px;
content: "\f052";
```

Where as how I've implemented it: 

```css
.editor .gutter.git-diff-icon .line-number.git-line-modified:before {
content: "\f052";
color: #de935f;
}
.editor .gutter.git-diff-icon .line-number.git-line-modified:before, .editor .gutter.git-diff-icon .line-number.git-line-added:before, .editor .gutter.git-diff-icon .line-number.git-line-removed:before {
position: absolute;
left: 4px;
font-family: 'Octicons Regular';
src: url("octicons.woff") format("woff");
font-weight: normal;
font-style: normal;
}
```

This means it grabs the `font-size` from the editor, and in my testing it gels better with the gutter with less markup/workarounds.