diff --git a/customize.dist/src/less2/include/colortheme.less b/customize.dist/src/less2/include/colortheme.less
index 54d6ab16a..d9bbd2217 100644
--- a/customize.dist/src/less2/include/colortheme.less
+++ b/customize.dist/src/less2/include/colortheme.less
@@ -262,7 +262,7 @@
 @cp_corner-text: @cryptpad_text_col;
 
 // Pad Creation Screen
-@cp_creation-bg: @cryptpad_color_white;
+@cp_creation-bg: @cryptpad_color_grey_50;
 @cp_creation-fg: @cryptpad_text_col;
 @cp_creation-template: @cryptpad_color_grey_100;
 @cp_creation-button-bg: @cryptpad_color_brand;
diff --git a/www/common/common-ui-elements.js b/www/common/common-ui-elements.js
index a2d53327c..998e7becd 100644
--- a/www/common/common-ui-elements.js
+++ b/www/common/common-ui-elements.js
@@ -2770,7 +2770,7 @@ define([
         if (/^http/.test(domain)) { domain = domain.replace(/^https?\:\/\//, ''); }
 
         var title = h('div.cp-creation-title', [
-            UI.getFileIcon({type: type})[0],
+            UI.getFileIcon({type: type}),
             h('div.cp-creation-title-text', [
                 h('span', newPadH3Title),
                 createHelper(Pages.localizeDocsLink('https://docs.cryptpad.org/en/user_guide/apps/general.html#new-document'), Messages.creation_helperText)