diff --git a/common/changes/office-ui-fabric-react/aditima-header-sizer_2018-03-02-18-27.json b/common/changes/office-ui-fabric-react/aditima-header-sizer_2018-03-02-18-27.json
new file mode 100644
index 0000000000000..f26650072e00d
--- /dev/null
+++ b/common/changes/office-ui-fabric-react/aditima-header-sizer_2018-03-02-18-27.json
@@ -0,0 +1,11 @@
+{
+  "changes": [
+    {
+      "packageName": "office-ui-fabric-react",
+      "comment": "Fix issue 3608: DetailsList horizontal scroll due to cellSizer",
+      "type": "patch"
+    }
+  ],
+  "packageName": "office-ui-fabric-react",
+  "email": "aditima@microsoft.com"
+}
\ No newline at end of file
diff --git a/packages/office-ui-fabric-react/src/components/DetailsList/DetailsHeader.scss b/packages/office-ui-fabric-react/src/components/DetailsList/DetailsHeader.scss
index ccdd8a6f77e35..6ee10c6f42cd2 100644
--- a/packages/office-ui-fabric-react/src/components/DetailsList/DetailsHeader.scss
+++ b/packages/office-ui-fabric-react/src/components/DetailsList/DetailsHeader.scss
@@ -85,7 +85,6 @@ $isPaddedMargin: 24px;
   cursor: ew-resize;
   bottom: 0;
   top: 0;
-  margin: 0 -8px;
   overflow: hidden;
   height: inherit;
   background: transparent;
@@ -115,6 +114,15 @@ $isPaddedMargin: 24px;
   }
 }
 
+.cellSizerStart {
+  margin: 0 -8px;
+}
+
+.cellSizerEnd {
+  margin: 0;
+  @include margin-left(-16px);
+}
+
 .collapseButton {
   text-align: center;
   transform: rotate(-180deg);