diff --git a/packages/core-components/src/components/DependencyGraph/DependencyGraph.tsx b/packages/core-components/src/components/DependencyGraph/DependencyGraph.tsx
index 85e6d9ef3f..df26bb86fd 100644
--- a/packages/core-components/src/components/DependencyGraph/DependencyGraph.tsx
+++ b/packages/core-components/src/components/DependencyGraph/DependencyGraph.tsx
@@ -23,6 +23,7 @@ import {
   useState,
 } from 'react';
 import useMeasure from 'react-use/esm/useMeasure';
+import classNames from 'classnames';
 import { once } from 'lodash';
 import * as d3Zoom from 'd3-zoom';
 import * as d3Selection from 'd3-selection';
@@ -465,14 +466,14 @@ export function DependencyGraph<NodeData, EdgeData>(
   return (
     <div
       ref={containerRef}
-      className={combineClasses(
+      className={classNames(
         styles.root,
         fit === 'contain' && styles.fixedHeight,
       )}
     >
       <FullScreen
         handle={fullScreenHandle}
-        className={combineClasses(
+        className={classNames(
           fullScreenHandle.active ? styles.fullscreen : styles.root,
           fit === 'contain' && styles.fixedHeight,
         )}
@@ -563,7 +564,3 @@ export function DependencyGraph<NodeData, EdgeData>(
     </div>
   );
 }
-
-function combineClasses(...classes: (string | false | undefined)[]) {
-  return classes.filter(c => !!c).join(' ');
-}