diff --git a/packages/gatsby/src/utils/webpack-utils.ts b/packages/gatsby/src/utils/webpack-utils.ts
index 37625a2e10ccd..d010ac1af8fac 100644
--- a/packages/gatsby/src/utils/webpack-utils.ts
+++ b/packages/gatsby/src/utils/webpack-utils.ts
@@ -267,7 +267,7 @@ export const createWebpackUtils = (
         modulesOptions = {
           auto: undefined,
           namedExport: true,
-          localIdentName: `[name]--[local]--[hash:base64:5]`,
+          localIdentName: `[name]--[local]--[hash:hex:5]`,
           exportLocalsConvention: `dashesOnly`,
           exportOnlyLocals: isSSR,
         }