diff --git a/Dockerfile b/Dockerfile
index 1d0f615..ee28bfa 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -5,7 +5,8 @@ WORKDIR /app
 COPY package.json package-lock.json* ./
 # Skip Cypress binary download — not needed in production
 ENV CYPRESS_INSTALL_BINARY=0
-RUN npm install --legacy-peer-deps
+# Use ci to install exact versions from package-lock.json
+RUN npm ci --legacy-peer-deps
 
 # ── Stage 2: build the Next.js app ──────────────────────────────────────────
 FROM node:lts-alpine AS builder
diff --git a/components/DocumentTranslator.tsx b/components/DocumentTranslator.tsx
index de03647..cb31707 100644
--- a/components/DocumentTranslator.tsx
+++ b/components/DocumentTranslator.tsx
@@ -1,7 +1,7 @@
 import { FC, useState, useCallback, useRef } from "react";
 import {
     Box, Button, VStack, HStack, Text, Input, Alert, AlertIcon,
-    Progress, Select, Badge, Icon, useColorModeValue
+    Select, Badge, Icon, useColorModeValue
 } from "@chakra-ui/react";
 import { FiUpload, FiDownload, FiFile } from "react-icons/fi";
 import { languageList, LangCode } from "lingva-scraper";
@@ -211,7 +211,9 @@ const DocumentTranslator: FC = () => {
             {/* Progress */}
             {stage === "translating" && (
                 <Box w="full">
-                    <Progress value={progress} borderRadius="full" hasStripe isAnimated sx={{ "& > div": { background: "var(--chakra-colors-lingva-400)" } }} />
+                    <Box w="full" h="8px" bg="gray.200" borderRadius="full" overflow="hidden">
+                        <Box h="full" w={`${progress}%`} bg="lingva.400" borderRadius="full" transition="width 0.4s ease" />
+                    </Box>
                     <Text fontSize="sm" textAlign="center" mt={1} color="gray.500">
                         Translating… this may take a moment for large documents.
                     </Text>