diff --git a/packages/react/src/components/MiniRepl.module.css b/packages/react/src/components/MiniRepl.module.css
index 28f64e6c..cbbb5a3b 100644
--- a/packages/react/src/components/MiniRepl.module.css
+++ b/packages/react/src/components/MiniRepl.module.css
@@ -1,27 +1,27 @@
 .container {
-  @apply sc-rounded-md sc-overflow-hidden sc-bg-[#222222];
+  @apply rounded-md overflow-hidden bg-[#222222];
 }
 
 .header {
-  @apply sc-flex sc-justify-between sc-bg-slate-700 sc-border-t sc-border-slate-500;
+  @apply flex justify-between bg-slate-700 border-t border-slate-500;
 }
 
 .buttons {
-  @apply sc-flex;
+  @apply flex;
 }
 
 .button {
-  @apply sc-cursor-pointer sc-w-16 sc-flex sc-items-center sc-justify-center sc-p-1 sc-bg-slate-700 sc-border-r sc-border-slate-500  sc-text-white hover:sc-bg-slate-600;
+  @apply cursor-pointer w-16 flex items-center justify-center p-1 bg-slate-700 border-r border-slate-500  text-white hover:bg-slate-600;
 }
 
 .buttonDisabled {
-  @apply sc-cursor-pointer sc-w-16 sc-flex sc-items-center sc-justify-center sc-p-1 sc-bg-slate-600 sc-text-slate-400 sc-cursor-not-allowed;
+  @apply w-16 flex items-center justify-center p-1 bg-slate-600 text-slate-400 cursor-not-allowed;
 }
 
 .error {
-  @apply sc-text-right sc-p-1 sc-text-sm sc-text-red-200;
+  @apply text-right p-1 text-sm text-red-200;
 }
 
 .body {
-  @apply sc-overflow-auto sc-relative;
+  @apply overflow-auto relative;
 }
diff --git a/packages/react/tailwind.config.js b/packages/react/tailwind.config.js
index bb03c5d6..f6cae19b 100644
--- a/packages/react/tailwind.config.js
+++ b/packages/react/tailwind.config.js
@@ -7,5 +7,4 @@ module.exports = {
   corePlugins: {
     preflight: false,
   },
-  prefix: 'sc-',
 };