diff --git a/dist/server/config/defaults/webpack.config.js b/dist/server/config/defaults/webpack.config.js
index 336f46ade78c..32b6b4cca685 100644
--- a/dist/server/config/defaults/webpack.config.js
+++ b/dist/server/config/defaults/webpack.config.js
@@ -28,7 +28,7 @@ module.exports = function (storybookBaseConfig) {
     include: _paths.includePaths,
     loader: require.resolve('file-loader'),
     query: {
-      name: 'static/media/[name].[ext]'
+      name: 'static/media/[name].[hash:8].[ext]'
     }
   }, {
     test: /\.(mp4|webm)(\?.*)?$/,
@@ -36,7 +36,7 @@ module.exports = function (storybookBaseConfig) {
     loader: require.resolve('url-loader'),
     query: {
       limit: 10000,
-      name: 'static/media/[name].[ext]'
+      name: 'static/media/[name].[hash:8].[ext]'
     }
   }]);
 
diff --git a/src/server/config/defaults/webpack.config.js b/src/server/config/defaults/webpack.config.js
index 6d144c77311a..84a116f550b6 100644
--- a/src/server/config/defaults/webpack.config.js
+++ b/src/server/config/defaults/webpack.config.js
@@ -25,7 +25,7 @@ module.exports = (storybookBaseConfig) => {
       include: includePaths,
       loader: require.resolve('file-loader'),
       query: {
-        name: 'static/media/[name].[ext]',
+        name: 'static/media/[name].[hash:8].[ext]',
       },
     },
     {
@@ -34,7 +34,7 @@ module.exports = (storybookBaseConfig) => {
       loader: require.resolve('url-loader'),
       query: {
         limit: 10000,
-        name: 'static/media/[name].[ext]',
+        name: 'static/media/[name].[hash:8].[ext]',
       },
     },
   ];