diff --git a/app-src/scripts/collapsible/collapsible-d.html b/app-src/scripts/collapsible/collapsible-d.html
index bc05d0a7ab..c0bad8593b 100644
--- a/app-src/scripts/collapsible/collapsible-d.html
+++ b/app-src/scripts/collapsible/collapsible-d.html
@@ -3,6 +3,7 @@
   <ng-md-icon class="collapsible-expand-icon"
               icon="expand_more"></ng-md-icon>
   <span ng-bind=":: vm.title"></span>
+  <span ng-if="vm.isCounter">(<span ng-bind="vm.counter||0"></span>)</span>
   <ng-md-icon ng-if="vm.icon"
               class="collapsible-icon"
               icon="{{::vm.icon}}"></ng-md-icon>
diff --git a/app-src/scripts/collapsible/collapsible-d.js b/app-src/scripts/collapsible/collapsible-d.js
index b1910a0888..fa99472d12 100644
--- a/app-src/scripts/collapsible/collapsible-d.js
+++ b/app-src/scripts/collapsible/collapsible-d.js
@@ -12,6 +12,10 @@
   function CollapsibleCtrl($timeout, $element) {
     const vm = this;
 
+    if ($element.attr('counter')) {
+      vm.isCounter = true;
+    }
+
     // TODO fix this
     $timeout(() => {
       if (vm.isInitiallyExpanded) {
@@ -50,7 +54,8 @@
         icon: '@',
         isInitiallyExpanded: '@',
         btnAction: '&',
-        btnIcon: '@'
+        btnIcon: '@',
+        counter: '<'
       }
     });
 })();
diff --git a/app-src/scripts/task-list/task-list-d.html b/app-src/scripts/task-list/task-list-d.html
index eebbf12813..7bf5068b18 100644
--- a/app-src/scripts/task-list/task-list-d.html
+++ b/app-src/scripts/task-list/task-list-d.html
@@ -213,9 +213,9 @@
 
         <section>
           <collapsible collapsible-title="Local attachments and links"
+                       counter="task.localAttachments.length"
                        btn-action="$ctrl.addLocalAttachment(task)"
-                       btn-icon="add"
-                       is-initially-expanded="'true'">
+                       btn-icon="add">
             <task-local-links local-links="task.localAttachments"></task-local-links>
           </collapsible>
         </section>