diff --git a/src/components/expandableList/expandableList.component.ts b/src/components/expandableList/expandableList.component.ts
index 867869f9..6d130511 100644
--- a/src/components/expandableList/expandableList.component.ts
+++ b/src/components/expandableList/expandableList.component.ts
@@ -35,4 +35,5 @@ export const ExpandableList = angular
             bodyItems: '@?',
         },
         template: '<div class="expandable-list" ng-transclude></div>',
-    });
+    })
+    .name;
diff --git a/src/components/listItem/listItem.component.ts b/src/components/listItem/listItem.component.ts
index dd51124c..5c59b3e0 100644
--- a/src/components/listItem/listItem.component.ts
+++ b/src/components/listItem/listItem.component.ts
@@ -1,3 +1,5 @@
+import angular from 'core/angular';
+
 class ListItem {
     listItemsCtrl: any;
     isChecked: boolean = false;
@@ -13,18 +15,21 @@ class ListItem {
     }
 }
 
-export const ListItemComponent = {
-    template: `
-    <card class="pl4">
-        <div class="flex">
-            <checkbox class="mr4" ng-model="$ctrl.isChecked"></checkbox>
-            <div ng-transclude></div>
-        </div>
-    </card>`,
-    controller: ListItem,
-    controllerAs: '$ctrl',
-    transclude: true,
-    require: {
-        listItemsCtrl: '^^listItems',
-    },
-};
+export const ListItemComponent = angular
+    .module('blipComponents.listItem', [])
+    .component('listItem', {
+        template: `
+        <card class="pl4">
+            <div class="flex">
+                <checkbox class="mr4" ng-model="$ctrl.isChecked"></checkbox>
+                <div ng-transclude></div>
+            </div>
+        </card>`,
+        controller: ListItem,
+        controllerAs: '$ctrl',
+        transclude: true,
+        require: {
+            listItemsCtrl: '^^listItems',
+        },
+    })
+    .name;