diff --git a/www/form/app-form.less b/www/form/app-form.less
index 69be4a7cc..aba360851 100644
--- a/www/form/app-form.less
+++ b/www/form/app-form.less
@@ -130,10 +130,10 @@
                             margin-right: 5px;
                         }
                         .cp-form-creator-types {
-                            .btn-default {
+                            .btn-secondary {
                                 background: transparent;
                                 &:hover, &:not(:disabled):active, &:focus {
-                                    background-color: @cp_buttons-default;
+                                    background-color: @cryptpad_color_brand_fadest;
                                 }
                             }
                             button {
@@ -154,7 +154,7 @@
                     display: flex;
                     flex-flow: column;
                     margin: 20px 0px 100px 0px;
-                    &> div:first-child { // XXX + on the side
+                    &> div:first-child {
                         border-right: 1px solid fade(@cryptpad_text_col, 25%);
                         display: flex;
                         height: 100%;
@@ -177,10 +177,10 @@
                             margin-right: 5px;
                         }
                         .cp-form-creator-types {
-                            .btn-default {
+                            .btn-secondary {
                                 background: transparent;
                                 &:hover, &:not(:disabled):active, &:focus {
-                                    background-color: @cp_buttons-default;
+                                    background-color: @cryptpad_color_brand_fadest;
                                 }
                             }
                             button {