diff --git a/src/renderer/components/layout/__tests__/topbar.test.tsx b/src/renderer/components/layout/__tests__/topbar.test.tsx
index db71135658..c519d6b881 100644
--- a/src/renderer/components/layout/__tests__/topbar.test.tsx
+++ b/src/renderer/components/layout/__tests__/topbar.test.tsx
@@ -41,9 +41,16 @@ jest.mock(
         }
       ),
     },
+    app: {
+      getPath: () => "tmp",
+    },
   })
 );
 
+jest.mock("../../+catalog", () => ({
+  previousActiveTab: jest.fn()
+}));
+
 const goBack = jest.fn();
 const goForward = jest.fn();
 
@@ -76,6 +83,12 @@ describe("<TopBar/>", () => {
     expect(container).toBeInstanceOf(HTMLElement);
   });
 
+  it("renders home button", async () => {
+    const { getByTestId } = render(<TopBar/>);
+
+    expect(await getByTestId("home-button")).toBeInTheDocument();
+  });
+
   it("renders history arrows", async () => {
     const { getByTestId } = render(<TopBar/>);
 
diff --git a/src/renderer/components/layout/topbar.tsx b/src/renderer/components/layout/topbar.tsx
index d90f11c04f..2783471bb3 100644
--- a/src/renderer/components/layout/topbar.tsx
+++ b/src/renderer/components/layout/topbar.tsx
@@ -93,7 +93,7 @@ export const TopBar = observer(({ children, ...rest }: Props) => {
     <div className={styles.topBar} {...rest}>
       <div className={styles.history}>
         <Icon
-          data-testid="home-buttton"
+          data-testid="home-button"
           material="home"
           className="ml-5"
           onClick={goHome}