diff --git a/frontend/app/initialize.tsx b/frontend/app/initialize.tsx
index eee5fba02..f56dc05c0 100644
--- a/frontend/app/initialize.tsx
+++ b/frontend/app/initialize.tsx
@@ -1,5 +1,5 @@
 import './styles/index.css';
-import './styles/global.scss'
+import './styles/global.css'
 import React from 'react';
 import { createRoot } from 'react-dom/client';
 import './init';
diff --git a/frontend/app/styles/global.scss b/frontend/app/styles/global.css
similarity index 100%
rename from frontend/app/styles/global.scss
rename to frontend/app/styles/global.css
diff --git a/frontend/tailwind.config.js b/frontend/tailwind.config.js
index 50f471bb9..ac900cbd6 100644
--- a/frontend/tailwind.config.js
+++ b/frontend/tailwind.config.js
@@ -1,6 +1,11 @@
 const colors = require('./app/theme/colors');
 const defaultColors = require('tailwindcss/colors');
 
+const deprecatedDefaults = ['lightBlue', 'warmGray', 'trueGray', 'coolGray', 'blueGray']
+deprecatedDefaults.forEach(color => {
+  delete defaultColors[color]
+})
+
 module.exports = {
   content: [
     './app/**/*.tsx',
diff --git a/frontend/webpack.config.ts b/frontend/webpack.config.ts
index a3c2a1ddf..b54b11c7b 100644
--- a/frontend/webpack.config.ts
+++ b/frontend/webpack.config.ts
@@ -122,6 +122,7 @@ const config: Configuration = {
     },
   },
   plugins: [
+    new webpack.ProgressPlugin(),
     (isDevelopment ? false : new CompressionPlugin({
       test: /\.(js|css|html|svg)$/,
       algorithm: 'brotliCompress',
@@ -141,7 +142,7 @@ const config: Configuration = {
       ],
     }),
     new MiniCssExtractPlugin({ ignoreOrder: true }),
-  ],
+],
   devtool: isDevelopment ? "inline-source-map" : false,
   performance: {
     hints: false,