diff --git a/src/renderer/components/VerticalBar/vertical-bar.test.tsx b/src/renderer/components/VerticalBar/vertical-bar.test.tsx
index 4e6ac47eaf..8ec3072a23 100644
--- a/src/renderer/components/VerticalBar/vertical-bar.test.tsx
+++ b/src/renderer/components/VerticalBar/vertical-bar.test.tsx
@@ -16,15 +16,12 @@ describe("<VerticalBar/>", () => {
     expect(container.querySelector("[data-testid='vertical-bar']")).toBeInTheDocument();
   });
 
-  it("bar uses provided color", () => {
+  it("bar uses provided color and value", () => {
     const { container } = render(<VerticalBar color="red" value={50} />);
 
-    expect(container.querySelector("[data-testid='vertical-bar'] div")).toHaveStyle("background-color: red");
-  });
-
-  it("bar uses provided value", () => {
-    const { container } = render(<VerticalBar color="red" value={50} />);
-
-    expect(container.querySelector("[data-testid='vertical-bar'] div")).toHaveStyle("height: 50%");
+    expect(container.querySelector("[data-testid='vertical-bar'] div")).toHaveStyle(`
+      background-color: red;
+      height: 50%;
+    `);
   });
 });