diff --git a/client/components/cards/cardDetails.jade b/client/components/cards/cardDetails.jade
index 2294062f2..9f079bc64 100644
--- a/client/components/cards/cardDetails.jade
+++ b/client/components/cards/cardDetails.jade
@@ -257,6 +257,7 @@ template(name="cardDetails")
             else
               input.toggle-switch(type="checkbox" id="toggleCustomFieldsGridButton")
             label.toggle-label(for="toggleCustomFieldsGridButton")
+          a.fa.fa-plus.js-custom-fields.card-details-item.custom-fields(title="{{_ 'custom-fields'}}")
 
       if getVoteQuestion
         hr
diff --git a/client/components/cards/cardDetails.js b/client/components/cards/cardDetails.js
index 0e613e2be..f33960eba 100644
--- a/client/components/cards/cardDetails.js
+++ b/client/components/cards/cardDetails.js
@@ -411,6 +411,7 @@ BlazeComponent.extendComponent({
         'click .js-end-date': Popup.open('editCardEndDate'),
         'click .js-show-positive-votes': Popup.open('positiveVoteMembers'),
         'click .js-show-negative-votes': Popup.open('negativeVoteMembers'),
+        'click .js-custom-fields': Popup.open('cardCustomFields'),
         'mouseenter .js-card-details'() {
           if (this.parentComponent() === null) return;
           const parentComponent = this.parentComponent().parentComponent();
diff --git a/client/components/cards/cardDetails.styl b/client/components/cards/cardDetails.styl
index 68688a238..c0feee0ce 100644
--- a/client/components/cards/cardDetails.styl
+++ b/client/components/cards/cardDetails.styl
@@ -230,6 +230,9 @@ avatar-radius = 50%
         word-wrap: break-word
         max-width: 28%
         flex-grow: 1
+      &.custom-fields
+        padding-left: 10px
+
 
   .card-details-item-title
     font-size: 16px