diff --git a/app/assets/stylesheets/components/_container.scss b/app/assets/stylesheets/components/_container.scss
index 789beb24..701a5517 100644
--- a/app/assets/stylesheets/components/_container.scss
+++ b/app/assets/stylesheets/components/_container.scss
@@ -3,6 +3,8 @@
   padding-bottom: map-get($spacers, 3);
   // Sass doesn't know about the safe-area-inset-* env vars and throws a syntax error
   // We can get around this by using unquote()
-  padding-left: unquote('max(15px, env(safe-area-inset-left))');
-  padding-right: unquote('max(15px, env(safe-area-inset-right))');
+  // Sass also has its own built-in max() function which is not the same as the CSS one
+  // In order to use the correct one we can write it as Max() instead
+  padding-left: unquote('Max(15px, env(safe-area-inset-left))');
+  padding-right: unquote('Max(15px, env(safe-area-inset-right))');
 }
\ No newline at end of file