diff --git a/packages/grafana-ui/rollup.config.ts b/packages/grafana-ui/rollup.config.ts
index 32190d735d2..2fe94dbe02d 100644
--- a/packages/grafana-ui/rollup.config.ts
+++ b/packages/grafana-ui/rollup.config.ts
@@ -13,12 +13,13 @@ const buildCjsPackage = ({ env }) => {
     input: `compiled/index.js`,
     output: [
       {
-        file: `dist/index.${env}.js`,
+        dir: 'dist',
         name: libraryName,
         format: 'cjs',
         sourcemap: true,
         strict: false,
         exports: 'named',
+        chunkFileNames: `[name].${env}.js`,
         globals: {
           react: 'React',
           'prop-types': 'PropTypes',