diff --git a/common/changes/office-ui-fabric-react/keco-update-dnd-snapshot_2018-11-30-19-52.json b/common/changes/office-ui-fabric-react/keco-update-dnd-snapshot_2018-11-30-19-52.json
new file mode 100644
index 00000000000000..9b6f55e2c57927
--- /dev/null
+++ b/common/changes/office-ui-fabric-react/keco-update-dnd-snapshot_2018-11-30-19-52.json
@@ -0,0 +1,11 @@
+{
+  "changes": [
+    {
+      "packageName": "office-ui-fabric-react",
+      "comment": "DetailsList Example: Update snapshot for DnD example.",
+      "type": "none"
+    }
+  ],
+  "packageName": "office-ui-fabric-react",
+  "email": "keco@microsoft.com"
+}
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/DetailsList.DragDrop.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/DetailsList.DragDrop.Example.tsx.shot
index 6c7ae645dca644..85b96e52f58f3a 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/DetailsList.DragDrop.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/DetailsList.DragDrop.Example.tsx.shot
@@ -7,6 +7,7 @@ exports[`Component Examples renders DetailsList.DragDrop.Example.tsx correctly 1
   <div
     className=
         ms-Toggle
+        is-checked
         is-enabled
         {
           -moz-osx-font-smoothing: grayscale;
@@ -55,14 +56,14 @@ exports[`Component Examples renders DetailsList.DragDrop.Example.tsx correctly 1
           }
     >
       <button
-        aria-checked={false}
-        checked={false}
+        aria-checked={true}
+        checked={true}
         className=
             ms-Toggle-background
             {
               align-items: center;
-              background: #ffffff;
-              border-color: #666666;
+              background: #0078d4;
+              border-color: transparent;
               border-radius: 1em;
               border-style: solid;
               border-width: 1px;
@@ -71,6 +72,7 @@ exports[`Component Examples renders DetailsList.DragDrop.Example.tsx correctly 1
               display: flex;
               font-size: 20px;
               height: 1em;
+              justify-content: flex-end;
               outline: transparent;
               padding-bottom: 0;
               padding-left: .2em;
@@ -95,14 +97,16 @@ exports[`Component Examples renders DetailsList.DragDrop.Example.tsx correctly 1
               z-index: 1;
             }
             &:hover {
-              border-color: #333333;
-            }
-            @media screen and (-ms-high-contrast: active){&:hover .ms-Toggle-thumb {
-              border-color: Highlight;
+              background-color: #106ebe;
+              border-color: transparent;
             }
             @media screen and (-ms-high-contrast: active){&:hover {
+              background-color: Highlight;
               border-color: Highlight;
             }
+            @media screen and (-ms-high-contrast: active){& {
+              background-color: WindowText;
+            }
         data-is-focusable={true}
         id="Toggle0"
         onChange={[Function]}
@@ -114,7 +118,7 @@ exports[`Component Examples renders DetailsList.DragDrop.Example.tsx correctly 1
           className=
               ms-Toggle-thumb
               {
-                background-color: #333333;
+                background-color: #ffffff;
                 border-color: transparent;
                 border-radius: .5em;
                 border-style: solid;
@@ -124,6 +128,10 @@ exports[`Component Examples renders DetailsList.DragDrop.Example.tsx correctly 1
                 transition: all 0.1s ease;
                 width: .5em;
               }
+              @media screen and (-ms-high-contrast: active){& {
+                background-color: Window;
+                border-color: Window;
+              }
         />
       </button>
       <label
@@ -163,7 +171,7 @@ exports[`Component Examples renders DetailsList.DragDrop.Example.tsx correctly 1
               user-select: none;
             }
       >
-        Disabled
+        Enabled
       </label>
     </div>
   </div>