diff --git a/package.json b/package.json
index 063ea36..16f6418 100644
--- a/package.json
+++ b/package.json
@@ -38,6 +38,7 @@
     "@aemforms/af-custom-functions": "^1.0.8",
     "@aemforms/af-react-renderer": "^0.22.87",
     "@aemforms/af-react-vanilla-components": "^1.0.18",
+    "@aemforms/af-wknd-theme": "^1.0.11",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-intl": "^5.8.4",
diff --git a/src/Form.tsx b/src/Form.tsx
index 84477ff..321c4b8 100644
--- a/src/Form.tsx
+++ b/src/Form.tsx
@@ -15,7 +15,7 @@ import customMappings from './utils/mappings';
 import ReactDOM from "react-dom";
 import {Action} from "@aemforms/af-core";
 import localFormJson from '../form-definitions/form-model.json';
-import '@aemforms/af-canvas-theme/dist/theme.css';
+import '@aemforms/af-wknd-theme/dist/theme.css'
 import {FunctionRuntime} from '@aemforms/af-core';
 //@ts-ignore
 import * as customfunctions from '@aemforms/af-custom-functions';