diff --git a/src/components/node/ImageSwitcher/styles.scss b/src/components/node/ImageSwitcher/styles.scss
index 16932672..b54d77ba 100644
--- a/src/components/node/ImageSwitcher/styles.scss
+++ b/src/components/node/ImageSwitcher/styles.scss
@@ -14,6 +14,11 @@
   border-radius: 24px;
   padding: 0 3px;
   flex-wrap: wrap;
+  transition: background-color 0.5s;
+
+  &:hover {
+    background: transparentize(black, 0.2);
+  }
 
   & > div {
     width: 30px;
diff --git a/webpack.config.js b/webpack.config.js
index baba5ce5..794d3e66 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -56,7 +56,12 @@ module.exports = () => {
           use: [
             isDevelopment
               ? { loader: 'style-loader' }
-              : { loader: MiniCssExtractPlugin.loader, options: { filename: '[name].[contenthash].css' } },
+              : {
+                loader: MiniCssExtractPlugin.loader({
+                  filename: '[name].[contenthash].css',
+                  chunkFilename: '[id].css',
+                }),
+              },
             // { loader: isDevelopment ? 'style-loader' : MiniCssExtractPlugin.loader },
             // { loader: 'css-loader' },
             {