Angular SSR Docker input and button style not working

[lucamortellaro]

Describe the bug

HI,
I developed an application using Angular Universal, Primeng and Docker.
upon releasing the application I noticed that the text inputs and buttons are not styled correctly. However, if I run the same instance of docker locally everything works correctly.

Server result:

Local result:

Environment

Dockerfile

FROM node:18.16.0-alpine as preprod

WORKDIR /usr/src/app

LABEL authors="l.mortellaro"

COPY package*.json ./

RUN npm install

COPY . .

RUN npm run build:preprod:ssr

EXPOSE 4000

CMD ["npm", "run", "serve:ssr"]

package.json

{
"name": "inkspot-ng",
"version": "0.0.0",
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"watch": "ng build --watch --configuration development",
"test": "ng test",
"dev:ssr": "ng run inkspot-ng:serve-ssr",
"serve:ssr": "node dist/inkspot-ng/server/main.js",
"build:ssr": "ng build && ng run inkspot-ng:server",
"build:dev:ssr": "ng build --configuration=development && ng run inkspot-ng:server:development",
"build:preprod:ssr": "ng build --configuration=preproduction && ng run inkspot-ng:server:preproduction",
"prerender": "ng run inkspot-ng:prerender",
"localize": "ng extract-i18n --output-path=src/locale",
"serve:lan": "ng serve --host 0.0.0.0 --disable-host-check"
},
"private": true,
"dependencies": {
"@angular/animations": "^16.2.10",
"@angular/cdk": "^16.2.9",
"@angular/common": "^16.2.10",
"@angular/compiler": "^16.2.10",
"@angular/core": "^16.2.10",
"@angular/forms": "^16.2.10",
"@angular/platform-browser": "^16.2.10",
"@angular/platform-browser-dynamic": "^16.2.10",
"@angular/platform-server": "^16.2.10",
"@angular/router": "^16.2.10",
"@fortawesome/angular-fontawesome": "^0.13.0",
"@fortawesome/fontawesome-svg-core": "^6.4.0",
"@fortawesome/free-solid-svg-icons": "^6.4.0",
"@nguniversal/express-engine": "^16.2.0",
"@stripe/stripe-js": "^1.54.1",
"express": "^4.15.2",
"ngx-stripe": "^16.1.2",
"primeicons": "^6.0.1",
"primeng": "^16.5.1",
"quill": "^1.3.7",
"rxjs": "~7.8.0",
"tslib": "^2.3.0",
"zone.js": "~0.13.0"
},
"devDependencies": {
"@angular-devkit/build-angular": "^16.0.0",
"@angular/cli": "~16.0.0",
"@angular/compiler-cli": "^16.2.10",
"@angular/localize": "^16.2.10",
"@nguniversal/builders": "^16.2.0",
"@types/express": "^4.17.0",
"@types/jasmine": "~4.3.0",
"@types/node": "^14.18.61",
"autoprefixer": "^10.4.14",
"jasmine-core": "~4.6.0",
"karma": "~6.4.0",
"karma-chrome-launcher": "~3.2.0",
"karma-coverage": "~2.2.0",
"karma-jasmine": "~5.1.0",
"karma-jasmine-html-reporter": "~2.0.0",
"postcss": "^8.4.24",
"tailwindcss": "^3.3.2",
"typescript": "~5.0.2"
}
}

Reproducer

No response

Angular version

16.2.10

PrimeNG version

16.5.1

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

18.16.0

Browser(s)

No response

Steps to reproduce the behavior

No response

Expected behavior

No response

[github-actions]

This issue has been automatically marked as stale due to a lack of activity. If this issue is still relevant to you, please leave a comment so we can keep it open. We apologize for not being able to prioritize it sooner. If you have any new information or questions, please share them in your comment!