defined ButtonGroup in DiffFile

scm-ui-components/packages/ui-components/src/repos/DiffFile.js

@@ -11,7 +11,7 @@ import {
 import injectSheets from "react-jss";
 import classNames from "classnames";
 import { translate } from "react-i18next";
-import { Button } from "../buttons";
+import { ButtonGroup, Button } from "../buttons";
 
 const styles = {
   panel: {
@@ -241,7 +241,11 @@ class DiffFile extends React.Component<Props, State> {
               {this.renderChangeTag(file)}
             </div>
             <div className={classNames("level-right", classes.buttonHeader)}>
-              <Button action={this.toggleSideBySide} className="reduced-mobile">
+              <ButtonGroup connected={false}>
+                <Button
+                  action={this.toggleSideBySide}
+                  className="reduced-mobile"
+                >
                   <span className="icon is-small">
                     <i
                       className={classNames(
@@ -255,6 +259,7 @@ class DiffFile extends React.Component<Props, State> {
                   </span>
                 </Button>
                 {fileControls}
+              </ButtonGroup>
             </div>
           </div>
         </div>