diff --git a/plugins/github-release-manager/src/components/Differ.test.tsx b/plugins/github-release-manager/src/components/Differ.test.tsx
index cb625c4118..b35773f1f5 100644
--- a/plugins/github-release-manager/src/components/Differ.test.tsx
+++ b/plugins/github-release-manager/src/components/Differ.test.tsx
@@ -30,11 +30,11 @@ describe('Differ', () => {
const { getByTestId, queryByTestId } = render();
const icon = getByTestId(TEST_IDS.components.differ.icons.branch);
- const current = getByTestId(TEST_IDS.components.differ.current);
+ const current = queryByTestId(TEST_IDS.components.differ.current);
const next = queryByTestId(TEST_IDS.components.differ.next);
expect(icon).toBeInTheDocument();
- expect(current.innerHTML).toMatchInlineSnapshot(`"None"`);
+ expect(current).toMatchInlineSnapshot(`null`);
expect(next).not.toBeInTheDocument();
});
diff --git a/plugins/github-release-manager/src/components/Differ.tsx b/plugins/github-release-manager/src/components/Differ.tsx
index 047b1fbd7e..d4eda688a6 100644
--- a/plugins/github-release-manager/src/components/Differ.tsx
+++ b/plugins/github-release-manager/src/components/Differ.tsx
@@ -40,14 +40,17 @@ export const Differ = ({ current, next, icon }: DifferProps) => {
)}
-
- {current ?? 'None'}
-
+ {!!current && (
+
+ {current ?? 'None'}
+
+ )}
+
+ {current && next && {' → '}}
- {next && {' → '}}
{next && (