How to style the divider in the AntD Card actions panel?

Question

Card Actions Divider Picture

I am using AntD Card componenent. I have tried to style the divider in the actions panel (shown in the picture) I have tried to set the css likeso:

.ant-card-actions {
 // other code
    .ant-divider {
    background: white !important;
   }
}

Answer 1

Using inline css

<Divider
    type="vertical"
    style={{ borderLeft: '2px solid white', height: '30px' }}
  />

Or

You can customize the css class

.ant-divider-vertical {
   height: 20px;
   border-left: 2px solid white;
}

Result: Screenshot