diff --git a/common/changes/office-ui-fabric-react/maxlus-verticallyCenterCells_2017-09-26-21-11.json b/common/changes/office-ui-fabric-react/maxlus-verticallyCenterCells_2017-09-26-21-11.json
new file mode 100644
index 00000000000000..c93035933bb1ca
--- /dev/null
+++ b/common/changes/office-ui-fabric-react/maxlus-verticallyCenterCells_2017-09-26-21-11.json
@@ -0,0 +1,11 @@
+{
+  "changes": [
+    {
+      "packageName": "office-ui-fabric-react",
+      "comment": "DetailsList: Added ability to add css class to checkbox cell",
+      "type": "minor"
+    }
+  ],
+  "packageName": "office-ui-fabric-react",
+  "email": "maxlus@microsoft.com"
+}
diff --git a/packages/office-ui-fabric-react/src/components/DetailsList/DetailsList.Props.ts b/packages/office-ui-fabric-react/src/components/DetailsList/DetailsList.Props.ts
index 0a9c4f6e697cf8..cc4e0eb489ba62 100644
--- a/packages/office-ui-fabric-react/src/components/DetailsList/DetailsList.Props.ts
+++ b/packages/office-ui-fabric-react/src/components/DetailsList/DetailsList.Props.ts
@@ -200,6 +200,11 @@ export interface IDetailsListProps extends React.Props<DetailsList>, IWithViewpo
    * The default implementation will virtualize when this callback is not provided.
    */
   onShouldVirtualize?: (props: IListProps) => boolean;
+
+  /**
+   * Optional class name to add to the cell of a checkbox
+   */
+  checkboxCellClassName?: string;
 }
 
 export interface IColumn {
@@ -399,4 +404,4 @@ export enum CheckboxVisibility {
    * Hide checkboxes.
    */
   hidden = 2
-}
\ No newline at end of file
+}
diff --git a/packages/office-ui-fabric-react/src/components/DetailsList/DetailsList.tsx b/packages/office-ui-fabric-react/src/components/DetailsList/DetailsList.tsx
index a2b967a09f0e9d..10df3fef736f34 100644
--- a/packages/office-ui-fabric-react/src/components/DetailsList/DetailsList.tsx
+++ b/packages/office-ui-fabric-react/src/components/DetailsList/DetailsList.tsx
@@ -396,6 +396,7 @@ export class DetailsList extends BaseComponent<IDetailsListProps, IDetailsListSt
       checkboxVisibility,
       getRowAriaLabel,
       checkButtonAriaLabel,
+      checkboxCellClassName,
       groupProps
     } = this.props;
     let collapseAllVisibility = groupProps && groupProps.collapseAllVisibility;
@@ -431,7 +432,8 @@ export class DetailsList extends BaseComponent<IDetailsListProps, IDetailsListSt
       checkboxVisibility: checkboxVisibility,
       collapseAllVisibility: collapseAllVisibility,
       getRowAriaLabel: getRowAriaLabel,
-      checkButtonAriaLabel: checkButtonAriaLabel
+      checkButtonAriaLabel: checkButtonAriaLabel,
+      checkboxCellClassName: checkboxCellClassName,
     }, this._onRenderRow);
   }
 
diff --git a/packages/office-ui-fabric-react/src/components/DetailsList/DetailsRow.scss b/packages/office-ui-fabric-react/src/components/DetailsList/DetailsRow.scss
index 22f44bd1d8b8bd..9c4f0798e23f37 100644
--- a/packages/office-ui-fabric-react/src/components/DetailsList/DetailsRow.scss
+++ b/packages/office-ui-fabric-react/src/components/DetailsList/DetailsRow.scss
@@ -207,6 +207,7 @@ $detailsList-item-focus-meta-text-color: $ms-color-neutralDark;
   }
 }
 
+
 .isPadded {
   @include ms-padding-right($isPaddedMargin + $rowHorizontalPadding);
 
@@ -230,4 +231,4 @@ $detailsList-item-focus-meta-text-color: $ms-color-neutralDark;
 .cellMeasurer .cell {
   overflow: visible;
   white-space: nowrap;
-}
\ No newline at end of file
+}
diff --git a/packages/office-ui-fabric-react/src/components/DetailsList/DetailsRow.tsx b/packages/office-ui-fabric-react/src/components/DetailsList/DetailsRow.tsx
index 0d4f65053c959a..e863f240ffceec 100644
--- a/packages/office-ui-fabric-react/src/components/DetailsList/DetailsRow.tsx
+++ b/packages/office-ui-fabric-react/src/components/DetailsList/DetailsRow.tsx
@@ -49,6 +49,7 @@ export interface IDetailsRowProps extends React.Props<DetailsRow> {
   collapseAllVisibility?: CollapseAllVisibility;
   getRowAriaLabel?: (item: any) => string;
   checkButtonAriaLabel?: string;
+  checkboxCellClassName?: string;
 }
 
 export interface IDetailsRowSelectionState {
@@ -184,6 +185,7 @@ export class DetailsRow extends BaseComponent<IDetailsRowProps, IDetailsRowState
       checkboxVisibility,
       getRowAriaLabel,
       checkButtonAriaLabel,
+      checkboxCellClassName,
       selection
     } = this.props;
     const { columnMeasureInfo, isDropping, groupNestingDepth } = this.state;
@@ -230,7 +232,7 @@ export class DetailsRow extends BaseComponent<IDetailsRowProps, IDetailsRowState
             role='gridcell'
             aria-colindex={ 0 }
             data-selection-toggle={ true }
-            className={ css('ms-DetailsRow-cell', 'ms-DetailsRow-cellCheck', checkStyles.owner, styles.cell, styles.checkCell) }
+            className={ css('ms-DetailsRow-cell', 'ms-DetailsRow-cellCheck', checkStyles.owner, styles.cell, styles.checkCell, checkboxCellClassName) }
           >
             { onRenderCheck({
               isSelected,
diff --git a/packages/office-ui-fabric-react/src/components/DetailsList/DetailsRowCheck.scss b/packages/office-ui-fabric-react/src/components/DetailsList/DetailsRowCheck.scss
index e19f3fe646dd4d..a00a3769eddf7c 100644
--- a/packages/office-ui-fabric-react/src/components/DetailsList/DetailsRowCheck.scss
+++ b/packages/office-ui-fabric-react/src/components/DetailsList/DetailsRowCheck.scss
@@ -18,7 +18,7 @@
 }
 
 button.check {
-  height: 100%;
+  height: 40px;
   width: 40px;
   padding: 0;
   margin: 0;