diff --git a/packages/webamp/demo/config/webpack.common.js b/packages/webamp/demo/config/webpack.common.js
index 5596c066..3fe43672 100644
--- a/packages/webamp/demo/config/webpack.common.js
+++ b/packages/webamp/demo/config/webpack.common.js
@@ -11,7 +11,7 @@ module.exports = {
       {
         test: /\.css$/,
         use: [
-          "style-loader",
+          // "style-loader",
           { loader: "css-loader", options: { importLoaders: 1 } },
           // We really only need this in prod. We could find a way to disable it in dev.
           {
diff --git a/packages/webamp/js/components/App.tsx b/packages/webamp/js/components/App.tsx
index 35d5d308..183c63e0 100644
--- a/packages/webamp/js/components/App.tsx
+++ b/packages/webamp/js/components/App.tsx
@@ -20,10 +20,17 @@ import PlaylistWindow from "./PlaylistWindow";
 import EqualizerWindow from "./EqualizerWindow";
 import Skin from "./Skin";
 
-import "../../css/webamp.css";
+import css from "../../css/webamp.css";
 import Media from "../media";
 import { useTypedSelector, useActionCreator } from "../hooks";
 
+let l = 0;
+for (const c of css) {
+  l += c[1].length;
+}
+
+console.log(l);
+
 interface Props {
   filePickers: FilePicker[];
   media: Media;