diff --git a/public/css/grocy_night_mode.css b/public/css/grocy_night_mode.css
index f69a7123..b5bd8d58 100644
--- a/public/css/grocy_night_mode.css
+++ b/public/css/grocy_night_mode.css
@@ -315,6 +315,6 @@ body.night-mode {
 
 .night-mode .qr-code {
 	background-color: #eee;
-	padding: 10px;
+	padding: min(1.5vw, 20px);
 	border-radius: 10px;
 }