diff --git a/packages/connect-button/src/components/rcfm-page/rcfm-page.ts b/packages/connect-button/src/components/rcfm-page/rcfm-page.ts
index 089ab710..cdd5aba9 100644
--- a/packages/connect-button/src/components/rcfm-page/rcfm-page.ts
+++ b/packages/connect-button/src/components/rcfm-page/rcfm-page.ts
@@ -4,6 +4,7 @@ import '../mask/mask'
 import '../wallet-connector-card/wallet-connector-card'
 import '../wallet-connector-card/wallet-connector-info'
 import '../loading-spinner/loading-spinner'
+import { themeCSS } from '../../theme'
 
 @customElement('radix-rcfm-page')
 export class RadixRcfmPage extends LitElement {
@@ -53,6 +54,7 @@ export class RadixRcfmPage extends LitElement {
   }
 
   static styles = [
+    themeCSS,
     css`
       .loading-container {
         display: flex;