title: .cdk-drag-preview not applying styles
body: <p>I am using the cdk Drag and Drop from angular material, but the drag preview is not working as intended.. I want the preview to look exactly like the element being dragged, but the preview is only showing the text content of the element (no styles).</p>
  <p>HTML:</p>
  <pre><code>&lt;div *ngFor=&quot;let field of fields$ | async&quot; class=&quot;fields-list-container&quot; cdkDrag cdkDragLockAxis=&quot;y&quot;&gt;
              &lt;div class=&quot;fields-name-desc-icon&quot;&gt;
                  &lt;i class=&quot;fa fa-tag&quot;&gt;&lt;/i&gt;
                  &lt;div&gt;
                      &lt;div&gt;{{field.name}}&lt;/div&gt;
                      &lt;div&gt;&lt;em&gt;{{field.displayType | titlecase }}&lt;/em&gt;( )&lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div&gt;
                  {{field.codingGroupField.creatorName}}
              &lt;/div&gt;
              &lt;div&gt;{{field.codingGroupField.createdOn | date: 'medium' }}&lt;/div&gt;
              &lt;actions-menu [actions]=&quot;&quot; [actionOn]=&quot;&quot;&gt;&lt;/actions-menu&gt;
          &lt;/div&gt;
  </code></pre>
  <p>CSS:</p>
  <pre><code>.fields-list-container {
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 1rem;
          border: solid 1px #ccc;
          border-radius: 4px;
          cursor: move;
  
          .fields-name-desc-icon {
              display: flex;
  
              div {
                  margin-left: .5rem;
              }
  
              div:nth-child(2) {
                  font-size: 10px;
              }
          }
  
          .fa-tag {
              color: var(--rational-dark-blue);
          }
      }
  
      .cdk-drag-placeholder {
          opacity: 0;
      }
  .cdk-drag-preview {
      @extend .fields-list-container;
  }
  
  .cdk-drag-animating {
      transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
  }
  
  .draggable-list.cdk-drop-list-dragging .fields-list-container:not(.cdk-drag-placeholder) {
      transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
  }
  </code></pre>
  <p>Anyone have any ideas why this wouldn't work?</p>