diff --git a/test/unit/top-app-bar/index.test.tsx b/test/unit/top-app-bar/index.test.tsx
index ea8d94c30..1c15d940d 100644
--- a/test/unit/top-app-bar/index.test.tsx
+++ b/test/unit/top-app-bar/index.test.tsx
@@ -212,10 +212,8 @@ test('#adapter.getTopAppBarHeight should return clientHeight', () => {
   const options = {attachTo: div};
   const wrapper = mount<TopAppBar>(<TopAppBar title='Hi' />, options);
   const topAppBarHeight = wrapper.instance().adapter.getTopAppBarHeight();
-  // 18 is the rendered height in pixels. It won't have the actual
-  // top app bar height since the css is not applied. 18 is the height
-  // of the title element.
-  assert.equal(topAppBarHeight, 18);
+  const realDOMHeight = wrapper.getDOMNode().clientHeight;
+  assert.equal(topAppBarHeight, realDOMHeight);
   div.remove();
 });