diff --git a/web/next.config.js b/web/next.config.js
index 95dcea810..42fb609ca 100644
--- a/web/next.config.js
+++ b/web/next.config.js
@@ -7,6 +7,9 @@ module.exports = withBundleAnalyzer(
   withLess({
     trailingSlash: true,
     reactStrictMode: true,
+    experimental: {
+      webVitalsAttribution: ['CLS', 'LCP'],
+    },
     webpack(config) {
       config.module.rules.push({
         test: /\.svg$/i,
diff --git a/web/pages/_app.tsx b/web/pages/_app.tsx
index aed8dd49b..14c0c06ce 100644
--- a/web/pages/_app.tsx
+++ b/web/pages/_app.tsx
@@ -7,6 +7,7 @@ import '../styles/global.less';
 import '../styles/globals.scss';
 import '../styles/ant-overrides.scss';
 
+// TODO: Move this videojs sass to the player component.
 import '../components/video/VideoJS/VideoJS.scss';
 
 import { AppProps } from 'next/app';