Carousel: Different output of carousel compared to localhost and deployment

[Tickets14]

Describe the bug

Im currently using Carousel to display a list of product. In localhost everything is perfect but when I deploy my project the layout of carousel changes. How do i fix this?
here is the output from my localhost:

here is the output when i deploy it:

Environment

in S3

Reproducer

No response

Angular version

16.2.11

PrimeNG version

16.9.1

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

18.18.0

Browser(s)

No response

Steps to reproduce the behavior

No response

Expected behavior

Here is my expected output:

[ashikjs]

@Tickets14 understand your issue, We need a reproduceable path or code. Can you try to generate it in stackblitz.com

[mertsincan]

Hi,

So sorry for the delayed response! Improvements have been made to many components recently, both in terms of performance and enhancement. Therefore, this improvement may have been developed in another issue ticket without realizing it. You can check this in the documentation. If there is no improvement on this, can you reopen the issue so we can include it in our roadmap?
Please don't forget to add your feedback as a comment after reopening the issue. These will be taken into account by us and will contribute to the development of this feature. Thanks a lot for your understanding!

Best Regards,