Component styles fail in Docker, works fine locally

[Donal O'Keeffe]

Describe the bug
Component styling fails when serving a Docker build - works fine locally.
Screenshots show the issue

• locally the CSS variables are in kebab-case
• in production, the CSS variables are in camelCase meaning the component can't find the correct styles to apply

Sandbox / Git Repo

Can't reproduce as it only seems to happen in Docker - build steps below

FROM node:14.15.3

EXPOSE 3000

RUN npm run build

# install production file server
RUN npm install -g serve

# start the server at port 3000 by default
CMD ["serve", "-s", "build"]

Expected behavior
I expected Docker to show the same component styling as locally

Screenshots

Localhost

UI:

Styles:

Docker

UI:

Styles:

Desktop (please complete the following information):

• OS: MacOS
• Browser : Chrome & Safari
• Version : Google Chrome | 104.0.5112.79 (Official Build)
• NODE: node:14.15.3

[Harsh Zalavadiya]

@donaldev looks like you are using old version of react-multi-select-component since .go classes are generated by goober which we were using in v3.x please update component to latest v4.x