diff --git a/app/docker/__module.js b/app/docker/__module.js
index 771806f8e..c0c539aad 100644
--- a/app/docker/__module.js
+++ b/app/docker/__module.js
@@ -1,8 +1,9 @@
 import angular from 'angular';
 
 import containersModule from './containers';
+import { componentsModule } from './components';
 
-angular.module('portainer.docker', ['portainer.app', containersModule]).config([
+angular.module('portainer.docker', ['portainer.app', containersModule, componentsModule]).config([
   '$stateRegistryProvider',
   function ($stateRegistryProvider) {
     'use strict';
diff --git a/app/docker/components/container-quick-actions/index.ts b/app/docker/components/container-quick-actions/index.ts
index 2be542a63..fe0329cc3 100644
--- a/app/docker/components/container-quick-actions/index.ts
+++ b/app/docker/components/container-quick-actions/index.ts
@@ -1,7 +1,4 @@
-import angular from 'angular';
-
-import { ContainerQuickActionsAngular } from './ContainerQuickActions';
-
-angular
-  .module('portainer.docker')
-  .component('containerQuickActions', ContainerQuickActionsAngular);
+export {
+  ContainerQuickActions,
+  ContainerQuickActionsAngular,
+} from './ContainerQuickActions';
diff --git a/app/docker/components/index.ts b/app/docker/components/index.ts
new file mode 100644
index 000000000..14fdcbea8
--- /dev/null
+++ b/app/docker/components/index.ts
@@ -0,0 +1,7 @@
+import angular from 'angular';
+
+import { ContainerQuickActionsAngular } from './container-quick-actions';
+
+export const componentsModule = angular
+  .module('portainer.docker.components', [])
+  .component('containerQuickActions', ContainerQuickActionsAngular).name;