diff --git a/apps/console/app/routes/apps/$clientId/designer.beta.tsx b/apps/console/app/routes/apps/$clientId/designer.beta.tsx
index 1bf50c8a5b..bdc6214f38 100644
--- a/apps/console/app/routes/apps/$clientId/designer.beta.tsx
+++ b/apps/console/app/routes/apps/$clientId/designer.beta.tsx
@@ -81,6 +81,7 @@ import { CountdownCircleTimer } from 'react-countdown-circle-timer'
 import { AddressURN } from '@proofzero/urns/address'
 import danger from '~/images/danger.svg'
 import { ToastType, toast } from '@proofzero/design-system/src/atoms/toast'
+import classNames from 'classnames'
 
 const LazyAuth = lazy(() =>
   import('../../../web3/lazyAuth').then((module) => ({
@@ -741,7 +742,7 @@ const AuthPanel = ({
                     />
                   </LazyAuth>
                 </Tab.Panel>
-                <Tab.Panel>
+                <Tab.Panel className={classNames({ dark })}>
                   <Authorization
                     userProfile={{
                       pfpURL: avatarURL,
diff --git a/apps/console/package.json b/apps/console/package.json
index d29adb08ef..9a7f86e3eb 100644
--- a/apps/console/package.json
+++ b/apps/console/package.json
@@ -34,6 +34,7 @@
     "@remix-run/react": "1.14.0",
     "@tailwindcss/forms": "0.5.3",
     "bcryptjs": "2.4.3",
+    "classnames": "2.3.2",
     "connectkit": "1.4.0",
     "cross-env": "7.0.3",
     "ethers": "5.7.2",
diff --git a/yarn.lock b/yarn.lock
index f4f08b252a..14aabbb5ce 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5777,6 +5777,7 @@ __metadata:
     babel-loader: 9.1.0
     bcryptjs: 2.4.3
     chromatic: 6.13.1
+    classnames: 2.3.2
     connectkit: 1.4.0
     cross-env: 7.0.3
     env-cmd: 10.1.0