diff --git a/gui/assets/css/main.scss b/gui/assets/css/main.scss
index 0f6b90ce5..772ec0e84 100644
--- a/gui/assets/css/main.scss
+++ b/gui/assets/css/main.scss
@@ -1,4 +1,6 @@
-@import './variables';
+@use 'sass:math';
+
+@import './variables';
 
 @import '../../../node_modules/bootstrap/scss/functions';
 @import '../../../node_modules/admin-lte/build/scss/bootstrap-variables';
diff --git a/gui/patch.sh b/gui/patch.sh
index 8993acea9..c67b1511b 100755
--- a/gui/patch.sh
+++ b/gui/patch.sh
@@ -2,3 +2,6 @@
 
 # Patch wrong .scss files: https://github.com/ColorlibHQ/AdminLTE/issues/4255
 sed -i 's@\&\.bg-#{$name} {@#{if\(\&, "\&.bg-#{\$name}",".bg-#{\$name}"\)} {@' node_modules/admin-lte/build/scss/mixins/*
+
+# Bootstrap old abs() function fix
+sed -i 's@  $dividend: abs($dividend);@  $dividend: math.abs($dividend);@' node_modules/bootstrap/scss/vendor/_rfs.scss
\ No newline at end of file