diff --git a/client/src/components/Workflow/Invocation/Graph/InvocationGraph.vue b/client/src/components/Workflow/Invocation/Graph/InvocationGraph.vue
index ce65ef1a6e12..d36fb48f3408 100644
--- a/client/src/components/Workflow/Invocation/Graph/InvocationGraph.vue
+++ b/client/src/components/Workflow/Invocation/Graph/InvocationGraph.vue
@@ -211,7 +211,7 @@ function scrollStepToView() {
                 <BCardHeader
                     class="d-flex justify-content-between align-items-center"
                     :class="activeNodeId ? steps[activeNodeId]?.headerClass : ''">
-                    <Heading inline size="md" class="w-100 mr-2">
+                    <Heading inline size="sm" class="w-100 mr-2">
                         <WorkflowInvocationStepHeader
                             v-if="activeNodeId !== null"
                             class="w-100"
@@ -221,10 +221,14 @@ function scrollStepToView() {
                         <span v-else>No Step Selected</span>
                     </Heading>
                     <div class="d-flex">
-                        <BButton v-if="activeNodeId !== null" title="Scroll to Step" @click="scrollStepToView()">
+                        <BButton
+                            v-if="activeNodeId !== null"
+                            title="Scroll to Step"
+                            size="sm"
+                            @click="scrollStepToView()">
                             <FontAwesomeIcon :icon="faArrowDown" />
                         </BButton>
-                        <BButton v-if="activeNodeId !== null" title="Hide Step" @click="activeNodeId = null">
+                        <BButton v-if="activeNodeId !== null" title="Hide Step" size="sm" @click="activeNodeId = null">
                             <FontAwesomeIcon :icon="faTimes" />
                         </BButton>
                     </div>