diff --git a/protocol-designer/src/pages/Designer/ProtocolSteps/__tests__/ProtocolSteps.test.tsx b/protocol-designer/src/pages/Designer/ProtocolSteps/__tests__/ProtocolSteps.test.tsx
index f708765e321..f68928c3488 100644
--- a/protocol-designer/src/pages/Designer/ProtocolSteps/__tests__/ProtocolSteps.test.tsx
+++ b/protocol-designer/src/pages/Designer/ProtocolSteps/__tests__/ProtocolSteps.test.tsx
@@ -29,6 +29,7 @@ vi.mock('../StepSummary.tsx')
vi.mock('../Timeline')
vi.mock('../../../../feature-flags/selectors')
vi.mock('../../../../file-data/selectors')
+vi.mock('../../../../organisms/Alerts')
const render = () => {
return renderWithProviders(, {
i18nInstance: i18n,
diff --git a/protocol-designer/src/pages/Designer/ProtocolSteps/index.tsx b/protocol-designer/src/pages/Designer/ProtocolSteps/index.tsx
index 5076dd62960..3d51d8ef1f1 100644
--- a/protocol-designer/src/pages/Designer/ProtocolSteps/index.tsx
+++ b/protocol-designer/src/pages/Designer/ProtocolSteps/index.tsx
@@ -80,6 +80,16 @@ export function ProtocolSteps(): JSX.Element {
justifyContent={JUSTIFY_FLEX_START}
>
+ {tab === 'protocolSteps' ? (
+
+
+
+ ) : null}