diff --git a/docker/frontend.Dockerfile b/docker/frontend.Dockerfile
index 1301aec..5a1c702 100644
--- a/docker/frontend.Dockerfile
+++ b/docker/frontend.Dockerfile
@@ -39,6 +39,9 @@ RUN npm run build
 # Production stage
 FROM nginxinc/nginx-unprivileged:alpine
 
+# Install runtime dependencies for canvas
+RUN apk add --no-cache cairo pango jpeg libpng giflib
+
 ENV BACKEND_HOST=backend \
     BACKEND_PORT=3001
 
diff --git a/frontend/src/components/Layout.jsx b/frontend/src/components/Layout.jsx
index a50c65c..5032ec1 100644
--- a/frontend/src/components/Layout.jsx
+++ b/frontend/src/components/Layout.jsx
@@ -265,11 +265,8 @@ const Layout = ({ children }) => {
 					pattern.toCanvas(bgCanvasRef.current);
 				}
 			} catch (error) {
-				// Canvas/trianglify not available, skip background generation silently
-				// Only log in development for debugging
-				if (import.meta.env.DEV) {
-					console.warn("Could not generate Trianglify background:", error);
-				}
+				// Canvas/trianglify not available, skip background generation
+				console.warn("Could not generate Trianglify background:", error);
 			}
 		};
 
diff --git a/frontend/src/pages/Login.jsx b/frontend/src/pages/Login.jsx
index 42d37a3..9979476 100644
--- a/frontend/src/pages/Login.jsx
+++ b/frontend/src/pages/Login.jsx
@@ -81,11 +81,8 @@ const Login = () => {
 					pattern.toCanvas(canvasRef.current);
 				}
 			} catch (error) {
-				// Canvas/trianglify not available, skip background generation silently
-				// Only log in development for debugging
-				if (import.meta.env.DEV) {
-					console.warn("Could not generate Trianglify background:", error);
-				}
+				// Canvas/trianglify not available, skip background generation
+				console.warn("Could not generate Trianglify background:", error);
 			}
 		};