DiscreteColorLegend orientation doesn't work

[NehaAhujaa]

react-vis library version: ^1.11.7

"orientation" property doesn't seem to work.

<DiscreteColorLegend 
   className="donutChartLegends" 
   height={150} 
   width={300}
   colors={
['#C2EC91','#9013FE','#FE9F97','#E9730C','#1E7A27','#F4B400','#8B572A','#539AE6','#D0021B']}
   items={
[{title: 'Zamak', strokeWidth: 50},
            {title:'Elastomer', strokeWidth: 50},
            {title:'Electronic Cards', strokeWidth: 50},
            {title:'Steel', strokeWidth: 50},
            {title:'Stainless Steel', strokeWidth: 50},
            {title:'Cardboard', strokeWidth: 50},
            {title:'Paper', strokeWidth: 50},
            {title:'PC Polycarbonate', strokeWidth: 50},
            {title:'Aluminium', strokeWidth: 50}]
} 
orientation="horizontal" />;

'donutChartLegends' have below styling in styles.scss file:

.donutChartLegends {
  padding-left: 3.75rem;
}

[shane-au-wade]

I am also seeing that the orientation property does not affect the positioning.

[citizenfish]

Same problem