diff --git a/blocks/gmo-program-details/gmo-program-details.css b/blocks/gmo-program-details/gmo-program-details.css
index a10283e..9e6737d 100644
--- a/blocks/gmo-program-details/gmo-program-details.css
+++ b/blocks/gmo-program-details/gmo-program-details.css
@@ -897,6 +897,9 @@ body {
         position: sticky;
         position: -webkit-sticky;
         top: 0;
+        & > .showhide-deliverables {
+            margin-left: 10px;
+        }
     }
 }
 
@@ -1053,6 +1056,10 @@ body {
     width: 200px;
 }
 
+.header.column1 {
+    margin-left: 16px;
+}
+
 .column3 {
     width: 140px;
 }
diff --git a/blocks/gmo-program-details/gmo-program-details.js b/blocks/gmo-program-details/gmo-program-details.js
index f48615c..414c972 100644
--- a/blocks/gmo-program-details/gmo-program-details.js
+++ b/blocks/gmo-program-details/gmo-program-details.js
@@ -140,6 +140,7 @@ export default async function decorate(block) {
 
 
     // deliverables tab
+    const expandCollapseTooltip = 'Expand/Collapse All Deliverable Tasks';
     const deliverablesTab = div(
         { id: 'tab2', class: 'deliverables tab inactive'},
         div(
@@ -158,6 +159,8 @@ export default async function decorate(block) {
             { class: 'table-wrapper'},
             div(
                 { class: 'table-header' },
+                img({ class: 'expand-deliverables showhide-deliverables', src: "/icons/AddCircle_18_N.svg", title: expandCollapseTooltip }),
+                img({ class: 'collapse-deliverables showhide-deliverables inactive', src: "/icons/RemoveCircle_18_N.svg", title: expandCollapseTooltip }),
                 div({ class: 'header table-column column1' }, 'Deliverable Task Name'),
                 div({ class: 'header table-column column2' }, 'Deliverable Type'),
                 div({ class: 'header table-column column3' }, 'Platforms'),
@@ -473,6 +476,18 @@ async function addProgramStats(block) {
         switchTab(event.target);
     });
 
+    // enable expand/collapse all deliverables
+    block.querySelectorAll('.expand-deliverables, .collapse-deliverables').forEach((button) => {
+        button.addEventListener('click', (event) => {
+            const clickedBtn = event.currentTarget;
+            document.querySelector('.showhide-deliverables.inactive').classList.toggle('inactive');
+            clickedBtn.classList.toggle('inactive');
+    
+            const expand = clickedBtn.classList.contains('expand-deliverables');
+            document.querySelectorAll('.row.collapsible').forEach((group) => toggleGroup(group, expand));
+        });
+    })
+
     // decorate any new icons
     decorateIcons(block);
 
@@ -480,6 +495,21 @@ async function addProgramStats(block) {
     hideLoadingOverlay(bodyWrapper);
 }
 
+function toggleGroup(group, expand) {
+    if (expand) {
+        group.querySelector('.icon-next').classList.add('inactive');
+        group.querySelector('.icon-collapse').classList.remove('inactive');
+    } else {
+        group.querySelector('.icon-next').classList.remove('inactive');
+        group.querySelector('.icon-collapse').classList.add('inactive');
+    }
+    Array.from(group.children).forEach((child) => {
+        if (child.classList.contains('row')) {
+            child.classList.toggle('inactive', !expand);
+        }
+    });
+};
+
 function enableBackBtn(block, blockConfig) {
     block.querySelector('.back-button').addEventListener('click', () => {
         const host = location.origin + getBaseConfigPath();
diff --git a/icons/AddCircle_18_N.svg b/icons/AddCircle_18_N.svg
new file mode 100644
index 0000000..c292803
--- /dev/null
+++ b/icons/AddCircle_18_N.svg
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="18" viewBox="0 0 18 18" width="18">
+  <defs>
+    <style>
+      .fill {
+        fill: #464646;
+      }
+    </style>
+  </defs>
+  <title>S AddCircle 18 N</title>
+  <rect id="Canvas" fill="#ff13dc" opacity="0" width="18" height="18" /><path class="fill" d="M9,1a8,8,0,1,0,8,8A8,8,0,0,0,9,1Zm5,8.5a.5.5,0,0,1-.5.5H10v3.5a.5.5,0,0,1-.5.5h-1a.5.5,0,0,1-.5-.5V10H4.5A.5.5,0,0,1,4,9.5v-1A.5.5,0,0,1,4.5,8H8V4.5A.5.5,0,0,1,8.5,4h1a.5.5,0,0,1,.5.5V8h3.5a.5.5,0,0,1,.5.5Z" />
+</svg>
\ No newline at end of file
diff --git a/icons/RemoveCircle_18_N.svg b/icons/RemoveCircle_18_N.svg
new file mode 100644
index 0000000..75f7810
--- /dev/null
+++ b/icons/RemoveCircle_18_N.svg
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="18" viewBox="0 0 18 18" width="18">
+  <defs>
+    <style>
+      .fill {
+        fill: #464646;
+      }
+    </style>
+  </defs>
+  <title>S RemoveCircle 18 N</title>
+  <rect id="Canvas" fill="#ff13dc" opacity="0" width="18" height="18" /><path class="fill" d="M9,1a8,8,0,1,0,8,8A8,8,0,0,0,9,1Zm5,8.5a.5.5,0,0,1-.5.5h-9A.5.5,0,0,1,4,9.5v-1A.5.5,0,0,1,4.5,8h9a.5.5,0,0,1,.5.5Z" />
+</svg>
\ No newline at end of file
diff --git a/scripts/shared-program.js b/scripts/shared-program.js
index 7c0d2df..bf13f61 100644
--- a/scripts/shared-program.js
+++ b/scripts/shared-program.js
@@ -157,4 +157,4 @@ export function domEl(tag, ...items) {
 export function div(...items) { return domEl('div', ...items); }
 export function span(...items) { return domEl('span', ...items); }
 export function img(...items) { return domEl('img', ...items); }
-export function a(...items) { return domEl('a', ...items); }
\ No newline at end of file
+export function a(...items) { return domEl('a', ...items); }