diff --git a/src/controller.ts b/src/controller.ts
index 69e1c3bb..aa781807 100644
--- a/src/controller.ts
+++ b/src/controller.ts
@@ -1,4 +1,5 @@
 import type {CustomElementClass} from './custom-element.js'
+import {stylable} from './targetable.js'
 import {targetable} from './targetable.js'
 import {attrable} from './attrable.js'
 import {actionable} from './actionable.js'
@@ -11,5 +12,5 @@ import {register} from './register.js'
  * wrapping the classes `connectedCallback` method if needed.
  */
 export function controller<T extends CustomElementClass>(Class: T) {
-  return register(actionable(attrable(targetable(Class))))
+  return register(actionable(attrable(targetable(styleable(Class)))))
 }