diff --git a/Dockerfile b/Dockerfile
index 0fff9cf749..5c77f8e2bd 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -24,7 +24,7 @@ RUN cd ${GOPATH}/src/dummy && \
 ####################################################################################################
 # UI build stage
 ####################################################################################################
-FROM --platform=$BUILDPLATFORM docker.io/library/node:12.18.4 as argo-rollouts-ui
+FROM --platform=$BUILDPLATFORM docker.io/library/node:18 as argo-rollouts-ui
 
 WORKDIR /src
 ADD ["ui/package.json", "ui/yarn.lock", "./"]
diff --git a/ui/package.json b/ui/package.json
index 4822da2b68..aaaf3de4cb 100644
--- a/ui/package.json
+++ b/ui/package.json
@@ -21,7 +21,7 @@
     },
     "scripts": {
         "start": "webpack serve --config ./src/app/webpack.dev.js",
-        "build": "rm -rf dist && webpack --config ./src/app/webpack.prod.js",
+        "build": "rm -rf dist && NODE_OPTIONS=--openssl-legacy-provider webpack --config ./src/app/webpack.prod.js",
         "test": "react-scripts test",
         "eject": "react-scripts eject",
         "protogen": "../hack/swagger-codegen.sh generate -i ../pkg/apiclient/rollout/rollout.swagger.json -l typescript-fetch -o src/models/rollout/generated"