diff --git a/customize.dist/src/less2/include/alertify.less b/customize.dist/src/less2/include/alertify.less
index 50da34969..031659cfb 100644
--- a/customize.dist/src/less2/include/alertify.less
+++ b/customize.dist/src/less2/include/alertify.less
@@ -68,8 +68,8 @@
         font: @colortheme_app-font;
 
         .lucide {
-            width: 1.2em;
-            height: 1.2em;
+            width: @variables_icon_width;
+            height: @variables_icon_height;
             margin-right: @variables_icon_margin;
         }
         .cp-checkmark {
diff --git a/customize.dist/src/less2/include/drive.less b/customize.dist/src/less2/include/drive.less
index dfb805f12..d46b18188 100644
--- a/customize.dist/src/less2/include/drive.less
+++ b/customize.dist/src/less2/include/drive.less
@@ -28,8 +28,8 @@
     min-height: auto;
 
     .lucide {
-        width: 1.2em;
-        height: 1.2em;
+        width: @variables_icon_width;
+        height: @variables_icon_height;
         margin-right: @variables_icon_margin;
     }
     .cp-unselectable {
@@ -1075,8 +1075,8 @@
         margin: 0 1em;
         .btn.btn-danger {
             svg.lucide {
-                width: 1em;
-                height: 1em;
+                width: @variables_icon_width;
+                height: @variables_icon_height;
             }
         }
     }
diff --git a/customize.dist/src/less2/include/infopages.less b/customize.dist/src/less2/include/infopages.less
index 709b0b8a3..482e546b8 100644
--- a/customize.dist/src/less2/include/infopages.less
+++ b/customize.dist/src/less2/include/infopages.less
@@ -52,8 +52,8 @@ body.html {
         border-radius: @variables_radius;
     }
     .lucide {
-        width: 1.2em;
-        height: 1.2em;
+        width: @variables_icon_width;
+        height: @variables_icon_height;
         margin-right: @variables_icon_margin;
     }
     border: 0;
diff --git a/customize.dist/src/less2/include/notifications.less b/customize.dist/src/less2/include/notifications.less
index 59fdf2318..64af35621 100644
--- a/customize.dist/src/less2/include/notifications.less
+++ b/customize.dist/src/less2/include/notifications.less
@@ -12,8 +12,8 @@
 }
 & {
     .lucide {
-        width: 1.2rem;
-        height: 1.2rem;
+        width: @variables_icon_width;
+        height: @variables_icon_height;
         margin-right: @variables_icon_margin;
     }
     @notif-height: 50px;
diff --git a/customize.dist/src/less2/include/variables.less b/customize.dist/src/less2/include/variables.less
index 41313c7e1..a92fcba97 100644
--- a/customize.dist/src/less2/include/variables.less
+++ b/customize.dist/src/less2/include/variables.less
@@ -25,3 +25,5 @@
 @variables_focus_style: @cryptpad_color_brand solid 2px;
 
 @variables_icon_margin: 0.5rem;
+@variables_icon_height: 1.2em;
+@variables_icon_width: 1.2em;
diff --git a/www/secureiframe/app-secure.less b/www/secureiframe/app-secure.less
index cee46b2d7..10a906a1a 100644
--- a/www/secureiframe/app-secure.less
+++ b/www/secureiframe/app-secure.less
@@ -33,8 +33,8 @@
     #cp-filepicker-dialog {
         display: none;
         .lucide {
-            height:1.2rem;
-            width: 1.2rem;
+            width: @variables_icon_width;
+            height: @variables_icon_height;
             margin-right: @variables_icon_margin;
         }
         .cp-modal {