diff --git a/examples/react/w3console/src/app.tsx b/examples/react/w3console/src/app.tsx
index b2792e95..1b29e367 100644
--- a/examples/react/w3console/src/app.tsx
+++ b/examples/react/w3console/src/app.tsx
@@ -7,9 +7,7 @@ import { useKeyring } from '@w3ui/react-keyring'
 import { useUploadsList } from '@w3ui/react-uploads-list'
 import { ShareIcon } from '@heroicons/react/20/solid'
 import md5 from 'blueimp-md5'
-import '@w3ui/react/src/styles/uploader.css'
-import '@w3ui/react/src/styles/space-finder.css'
-import '@w3ui/react/src/styles/uploads-list.css'
+import '@w3ui/react/src/styles/all.css'
 import { SpaceShare } from './share'
 
 function SpaceRegistrar (): JSX.Element {
diff --git a/packages/react/src/Authenticator.tsx b/packages/react/src/Authenticator.tsx
index d5d86dfc..ceef34c7 100644
--- a/packages/react/src/Authenticator.tsx
+++ b/packages/react/src/Authenticator.tsx
@@ -41,9 +41,14 @@ export function AuthenticationEnsurer ({ children }: { children: JSX.Element | J
   }
 }
 
-export function Authenticator ({ children }: { children: JSX.Element | JSX.Element[] }): JSX.Element {
+interface AuthenticatorProps {
+  children: JSX.Element | JSX.Element[]
+  className?: string
+}
+
+export function Authenticator ({ children, className = '' }: AuthenticatorProps): JSX.Element {
   return (
-    <AuthCore as='div' className='w3ui-authenticator'>
+    <AuthCore as='div' className={`w3ui-authenticator ${className}`}>
       <AuthenticationEnsurer>
         {children}
       </AuthenticationEnsurer>
diff --git a/packages/react/src/styles/all.css b/packages/react/src/styles/all.css
new file mode 100644
index 00000000..884a2ab8
--- /dev/null
+++ b/packages/react/src/styles/all.css
@@ -0,0 +1,5 @@
+@import url(authenticator.css);
+@import url(space-creator.css);
+@import url(space-finder.css);
+@import url(uploader.css);
+@import url(uploads-list.css);