'ix-workflow-steps': The step icons overflow the container

[chencc1988]

What happened?

The step icons overflow the container

What type of frontend frameware are you seeing the problem on?

Angular

Which version of iX do you use?

v1.3.0

Code to produce this issue.

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-testpage',
  template: `
    <div class="overflow-auto  w-50">
      <ix-workflow-steps>
        <ix-workflow-step status="done">Step 1</ix-workflow-step>
        <ix-workflow-step status="success">Step 2</ix-workflow-step>
        <ix-workflow-step status="open">Step 3</ix-workflow-step>
        <ix-workflow-step status="warning">Step 4</ix-workflow-step>
        <ix-workflow-step status="error">Step 5</ix-workflow-step>
        <ix-workflow-step disabled>Step 6</ix-workflow-step>
      </ix-workflow-steps>
    </div>
  `,
})
export class TestpageComponent implements OnInit {
  constructor() {}

  ngOnInit(): void {}
}