React-Multi-Marousel Equal Spacing Issue

Adding below command with css resolved my issue

npm install semantic-ui-react semantic-ui-css

After install, import the minified CSS file in your app's entry file:
Inside index.js or any file where carousel is used

import 'semantic-ui-css/semantic.min.css'

...
.image-item {
  padding-left: 10px;
}
...

....
....
...
<Carousel
        ....
        itemClass="image-item"
		...
      >
Coding Era