diff --git a/src/cdk/drag-drop/directives/drag.spec.ts b/src/cdk/drag-drop/directives/drag.spec.ts
index 81f66b6a831a..9bccc686fca6 100644
--- a/src/cdk/drag-drop/directives/drag.spec.ts
+++ b/src/cdk/drag-drop/directives/drag.spec.ts
@@ -2508,6 +2508,15 @@ describe('CdkDrag', () => {
       expect(previewContainer)
         .withContext('Expected preview container to be in the DOM')
         .toBeTruthy();
+      expect(previewContainer.style.color)
+        .withContext('Expected preview container to reset user agent color')
+        .toBe('inherit');
+      expect(previewContainer.style.margin)
+        .withContext('Expected preview container to reset user agent margin')
+        .toMatch(zeroPxRegex);
+      expect(previewContainer.style.padding)
+        .withContext('Expected preview container to reset user agent padding')
+        .toMatch(zeroPxRegex);
       expect(preview.textContent!.trim())
         .withContext('Expected preview content to match element')
         .toContain('One');
diff --git a/src/cdk/drag-drop/preview-ref.ts b/src/cdk/drag-drop/preview-ref.ts
index 9a0143295bc6..ed403ee913c2 100644
--- a/src/cdk/drag-drop/preview-ref.ts
+++ b/src/cdk/drag-drop/preview-ref.ts
@@ -121,6 +121,7 @@ export class PreviewRef {
       'pointer-events': 'none',
       'margin': '0',
       'padding': '0',
+      'color': 'inherit',
     });
     toggleNativeDragInteractions(wrapper, false);