diff --git a/ui/src/vega.tsx b/ui/src/vega.tsx
index f06e5b79155..ad5dfb16fd1 100644
--- a/ui/src/vega.tsx
+++ b/ui/src/vega.tsx
@@ -146,7 +146,7 @@ export const
         const { specification, data, title, grammar = 'vega-lite' } = state
         return (
           <div data-test={name} className={css.card}>
-            {title && <div className='wave-s12 wave-w6'>{title}</div>}
+            {title && <div className='wave-s12 wave-w6' style={{marginBottom: 16}}>{title}</div>}
             <div className={css.body}>
               <XVegaVisualization model={{ specification, data, grammar }} />
             </div>