diff --git a/contentcuration/contentcuration/frontend/channelEdit/components/edit/CategoryOptions.vue b/contentcuration/contentcuration/frontend/channelEdit/components/edit/CategoryOptions.vue
new file mode 100644
index 0000000000..29eed00850
--- /dev/null
+++ b/contentcuration/contentcuration/frontend/channelEdit/components/edit/CategoryOptions.vue
@@ -0,0 +1,221 @@
+<template>
+
+  <div id="app">
+    <VAutocomplete
+      :value="selected"
+      :items="categoriesList"
+      :searchInput.sync="categoryText"
+      :label="translateMetadataString('category')"
+      box
+      clearable
+      chips
+      deletableChips
+      multiple
+      item-value="value"
+      item-text="text"
+      @click:clear="$nextTick(() => removeAll())"
+    >
+      <template v-slot:selection="data">
+        <VTooltip bottom>
+          <template v-slot:activator="{ on, attrs }">
+            <VChip v-bind="attrs" close v-on="on" @input="remove(data.item.value)">
+              {{ data.item.text }}
+            </VChip>
+          </template>
+          <div>
+            <div>{{ tooltipHelper(data.item.value) }}</div>
+          </div>
+        </VTooltip>
+      </template>
+
+      <template v-slot:no-data>
+        <VListTile v-if="categoryText && categoryText.trim()">
+          <VListTileContent>
+            <VListTileTitle>
+              {{ $tr('noCategoryFoundText', { text: categoryText.trim() }) }}
+            </VListTileTitle>
+          </VListTileContent>
+        </VListTile>
+      </template>
+
+      <template v-slot:item="{ item }">
+        <div style="width: 100%; height: 100%" aria-hidden="true">
+          <VDivider v-if="!item.value.includes('.')" />
+          <KCheckbox
+            :checked="dropdownSelected[item.value]"
+            :label="item.text"
+            :value="item.value"
+            style="margin-top: 10px"
+            :style="treeItemStyle(item)"
+            :ripple="false"
+            @change="checked => checked ? add(item.value) : remove(item.value)"
+          />
+        </div>
+      </template>
+    </VAutocomplete>
+  </div>
+
+</template>
+
+<script>
+
+  import { camelCase } from 'lodash';
+  import { constantsTranslationMixin, metadataTranslationMixin } from 'shared/mixins';
+  import { Categories, CategoriesLookup } from 'shared/constants';
+
+  const availablePaths = {};
+  const categoriesObj = {};
+  const dropdown = [];
+
+  Object.assign(availablePaths, CategoriesLookup);
+
+  /*
+   * This is used to create the categories object from which the dropdown list is generated
+   * and is the same as this to make sure the order in Kolibri and Studio are the same:
+   * https://github.com/learningequality/kolibri/blob/develop/kolibri/plugins/learn/assets/
+   *   src/views/CategorySearchModal/CategorySearchOptions.vue#L73
+   */
+  for (let subjectKey of Object.entries(Categories)
+    .sort((a, b) => a[1].length - b[1].length)
+    .map(a => a[0])) {
+    const ids = Categories[subjectKey].split('.');
+
+    let path = '';
+    let nested = categoriesObj;
+    for (let fragment of ids) {
+      path += fragment;
+      if (availablePaths[path]) {
+        const nestedKey = CategoriesLookup[path];
+        if (!nested[nestedKey]) {
+          nested[nestedKey] = {
+            value: path,
+            nested: {},
+          };
+        }
+        nested = nested[nestedKey].nested;
+        path += '.';
+      } else {
+        break;
+      }
+    }
+  }
+
+  const flattenCategories = obj => {
+    Object.keys(obj).forEach(key => {
+      if (key !== 'value' && key !== 'nested') {
+        dropdown.push({
+          text: key,
+          value: obj[key]['value'],
+        });
+      }
+      if (typeof obj[key] === 'object') {
+        flattenCategories(obj[key]);
+      }
+    });
+    return dropdown;
+  };
+
+  flattenCategories(categoriesObj);
+
+  export default {
+    name: 'CategoryOptions',
+    mixins: [constantsTranslationMixin, metadataTranslationMixin],
+    props: {
+      value: {
+        type: Array,
+        default: () => [],
+      },
+    },
+    data() {
+      return {
+        categoryText: null,
+      };
+    },
+    computed: {
+      categoriesList() {
+        return dropdown.map(category => {
+          return {
+            ...category,
+            text: this.translateMetadataString(camelCase(category.text)),
+            level: this.findDepth(Categories[category.text]),
+          };
+        });
+      },
+      dropdownSelected() {
+        const obj = {};
+        for (let category of this.selected) {
+          const paths = category.split('.');
+          let cat = '';
+          for (let path of paths) {
+            cat += path;
+            obj[cat] = true;
+            cat += '.';
+          }
+        }
+        return obj;
+      },
+      selected: {
+        get() {
+          return this.value;
+        },
+        set(value) {
+          this.$emit('input', value);
+        },
+      },
+      nested() {
+        return !this.categoryText;
+      },
+    },
+    methods: {
+      treeItemStyle(item) {
+        return this.nested ? { paddingLeft: `${item.level * 24}px` } : {};
+      },
+      add(item) {
+        this.selected = [...this.selected, item];
+      },
+      remove(item) {
+        this.selected = this.selected.filter(i => !i.startsWith(item));
+      },
+      removeAll() {
+        this.selected = [];
+      },
+      tooltipHelper(id) {
+        return this.displayFamilyTree(dropdown, id)
+          .map(node => this.translateMetadataString(camelCase(node.text)))
+          .join(' - ');
+      },
+      findDepth(val) {
+        return val.split('.').length - 1;
+      },
+      displayFamilyTree(nodes, id) {
+        return nodes.filter(node => this.findFamilyTreeIds(id).includes(node.value));
+      },
+      /**
+       * @param {String} id The id of the selected category
+       * @returns {Array} An array of all ids of the family beginning with the selected category
+       */
+      findFamilyTreeIds(id) {
+        const family = [];
+        let familyMember = id;
+        while (familyMember) {
+          family.push(familyMember);
+          familyMember = familyMember.includes('.')
+            ? familyMember.substring(0, familyMember.lastIndexOf('.'))
+            : null;
+        }
+        return family;
+      },
+    },
+    $trs: {
+      noCategoryFoundText: 'Category not found',
+    },
+  };
+
+</script>
+<style lang="less" scoped>
+
+  /deep/ .v-list__tile {
+    flex-wrap: wrap;
+  }
+
+</style>
diff --git a/contentcuration/contentcuration/frontend/channelEdit/components/edit/DetailsTabView.vue b/contentcuration/contentcuration/frontend/channelEdit/components/edit/DetailsTabView.vue
index 1cebc6c074..3fd74720d6 100644
--- a/contentcuration/contentcuration/frontend/channelEdit/components/edit/DetailsTabView.vue
+++ b/contentcuration/contentcuration/frontend/channelEdit/components/edit/DetailsTabView.vue
@@ -61,18 +61,21 @@
             >
               <!-- Learning activity -->
               <LearningActivityOptions
+                id="learning_activities"
                 ref="learning_activities"
                 v-model="contentLearningActivities"
                 @focus="trackClick('Learning activities')"
               />
               <!-- Level -->
               <LevelsOptions
+                id="levels"
                 ref="contentLevel"
                 v-model="contentLevel"
                 @focus="trackClick('Levels dropdown')"
               />
               <!-- What you will need -->
               <ResourcesNeededOptions
+                id="resources_needed"
                 ref="resourcesNeeded"
                 v-model="resourcesNeeded"
                 @focus="trackClick('What you will need')"
@@ -106,6 +109,8 @@
               </VCombobox>
             </VFlex>
           </VLayout>
+          <!-- Category -->
+          <CategoryOptions ref="categories" v-model="categories" />
         </VFlex>
       </VLayout>
 
@@ -176,6 +181,7 @@
           </h1>
           <!-- Language -->
           <LanguageDropdown
+            id="language"
             ref="language"
             v-model="language"
             class="mb-2"
@@ -189,6 +195,7 @@
           <!-- Visibility -->
           <VisibilityDropdown
             v-if="allResources"
+            id="role_visibility"
             ref="role_visibility"
             v-model="role"
             :placeholder="getPlaceholder('role')"
@@ -299,6 +306,7 @@
 
             <!-- License -->
             <LicenseDropdown
+              id="license"
               ref="license"
               v-model="licenseItem"
               :required="isUnique(license) && isUnique(license_description) && !disableAuthEdits"
@@ -366,6 +374,7 @@
   import LevelsOptions from './LevelsOptions.vue';
   import ResourcesNeededOptions from './ResourcesNeededOptions.vue';
   import LearningActivityOptions from './LearningActivityOptions.vue';
+  import CategoryOptions from './CategoryOptions.vue';
 
   import {
     getTitleValidators,
@@ -459,6 +468,7 @@
       LevelsOptions,
       ResourcesNeededOptions,
       LearningActivityOptions,
+      CategoryOptions,
     },
     mixins: [constantsTranslationMixin, metadataTranslationMixin],
     props: {
@@ -541,7 +551,7 @@
       contentLevel: generateNestedNodesGetterSetter('grade_levels'),
       resourcesNeeded: generateNestedNodesGetterSetter('learner_needs'),
       contentLearningActivities: generateNestedNodesGetterSetter('learning_activities'),
-
+      categories: generateNestedNodesGetterSetter('categories'),
       mastery_model() {
         return this.getExtraFieldsValueFromNodes('mastery_model');
       },
diff --git a/contentcuration/contentcuration/frontend/channelEdit/components/edit/LearningActivityOptions.vue b/contentcuration/contentcuration/frontend/channelEdit/components/edit/LearningActivityOptions.vue
index 1d8064151b..001092af40 100644
--- a/contentcuration/contentcuration/frontend/channelEdit/components/edit/LearningActivityOptions.vue
+++ b/contentcuration/contentcuration/frontend/channelEdit/components/edit/LearningActivityOptions.vue
@@ -10,7 +10,7 @@
     multiple
     deletableChips
     :rules="learningActivityRules"
-    attach="learning_activities"
+    attach="#learning_activities"
   />
 
 </template>
diff --git a/contentcuration/contentcuration/frontend/channelEdit/components/edit/LevelsOptions.vue b/contentcuration/contentcuration/frontend/channelEdit/components/edit/LevelsOptions.vue
index b163594b8f..bbf7de9a59 100644
--- a/contentcuration/contentcuration/frontend/channelEdit/components/edit/LevelsOptions.vue
+++ b/contentcuration/contentcuration/frontend/channelEdit/components/edit/LevelsOptions.vue
@@ -10,7 +10,7 @@
     :label="translateMetadataString('level')"
     multiple
     deletableChips
-    attach="contentLevel"
+    attach="#levels"
   />
 
 </template>
diff --git a/contentcuration/contentcuration/frontend/channelEdit/components/edit/ResourcesNeededOptions.vue b/contentcuration/contentcuration/frontend/channelEdit/components/edit/ResourcesNeededOptions.vue
index 6bb215f6d4..e6900d8d31 100644
--- a/contentcuration/contentcuration/frontend/channelEdit/components/edit/ResourcesNeededOptions.vue
+++ b/contentcuration/contentcuration/frontend/channelEdit/components/edit/ResourcesNeededOptions.vue
@@ -10,7 +10,7 @@
     multiple
     deletableChips
     clearable
-    attach="resourcesNeeded"
+    attach="#resources_needed"
   />
 
 </template>
diff --git a/contentcuration/contentcuration/frontend/channelEdit/components/edit/__tests__/categoryOptions.spec.js b/contentcuration/contentcuration/frontend/channelEdit/components/edit/__tests__/categoryOptions.spec.js
new file mode 100644
index 0000000000..c8a82a30e8
--- /dev/null
+++ b/contentcuration/contentcuration/frontend/channelEdit/components/edit/__tests__/categoryOptions.spec.js
@@ -0,0 +1,331 @@
+import Vue from 'vue';
+import Vuetify from 'vuetify';
+import { shallowMount } from '@vue/test-utils';
+import CategoryOptions from '../CategoryOptions.vue';
+
+Vue.use(Vuetify);
+
+const testDropdown = [
+  {
+    text: 'DAILY_LIFE',
+    value: 'PbGoe2MV',
+  },
+  {
+    text: 'CURRENT_EVENTS',
+    value: 'PbGoe2MV.J7CU1IxN',
+  },
+  {
+    text: 'DIVERSITY',
+    value: 'PbGoe2MV.EHcbjuKq',
+  },
+  {
+    text: 'ENTREPRENEURSHIP',
+    value: 'PbGoe2MV.kyxTNsRS',
+  },
+  {
+    text: 'ENVIRONMENT',
+    value: 'PbGoe2MV.tS7WKnZ7',
+  },
+  {
+    text: 'FINANCIAL_LITERACY',
+    value: 'PbGoe2MV.HGIc9sZq',
+  },
+  {
+    text: 'MEDIA_LITERACY',
+    value: 'PbGoe2MV.UOTL#KIV',
+  },
+  {
+    text: 'MENTAL_HEALTH',
+    value: 'PbGoe2MV.d8&gCo2N',
+  },
+  {
+    text: 'PUBLIC_HEALTH',
+    value: 'PbGoe2MV.kivAZaeX',
+  },
+  {
+    text: 'FOR_TEACHERS',
+    value: 'ziJ6PCuU',
+  },
+  {
+    text: 'GUIDES',
+    value: 'ziJ6PCuU.RLfhp37t',
+  },
+  {
+    text: 'LESSON_PLANS',
+    value: 'ziJ6PCuU.lOBPr5ix',
+  },
+  {
+    text: 'FOUNDATIONS',
+    value: 'BCG3&slG',
+  },
+  {
+    text: 'DIGITAL_LITERACY',
+    value: 'BCG3&slG.wZ3EAedB',
+  },
+  {
+    text: 'FOUNDATIONS_LOGIC_AND_CRITICAL_THINKING',
+    value: 'BCG3&slG.0&d0qTqS',
+  },
+  {
+    text: 'LEARNING_SKILLS',
+    value: 'BCG3&slG.fP2j70bj',
+  },
+  {
+    text: 'LITERACY',
+    value: 'BCG3&slG.HLo9TbNq',
+  },
+  {
+    text: 'NUMERACY',
+    value: 'BCG3&slG.Tsyej9ta',
+  },
+  {
+    text: 'SCHOOL',
+    value: 'd&WXdXWF',
+  },
+  {
+    text: 'ARTS',
+    value: 'd&WXdXWF.5QAjgfv7',
+  },
+  {
+    text: 'DANCE',
+    value: 'd&WXdXWF.5QAjgfv7.BUMJJBnS',
+  },
+  {
+    text: 'DRAMA',
+    value: 'd&WXdXWF.5QAjgfv7.XsWznP4o',
+  },
+  {
+    text: 'MUSIC',
+    value: 'd&WXdXWF.5QAjgfv7.u0aKjT4i',
+  },
+  {
+    text: 'VISUAL_ART',
+    value: 'd&WXdXWF.5QAjgfv7.4LskOFXj',
+  },
+  {
+    text: 'COMPUTER_SCIENCE',
+    value: 'd&WXdXWF.e#RTW9E#',
+  },
+  {
+    text: 'MECHANICAL_ENGINEERING',
+    value: 'd&WXdXWF.e#RTW9E#.8ZoaPsVW',
+  },
+  {
+    text: 'PROGRAMMING',
+    value: 'd&WXdXWF.e#RTW9E#.CfnlTDZ#',
+  },
+  {
+    text: 'WEB_DESIGN',
+    value: 'd&WXdXWF.e#RTW9E#.P7s8FxQ8',
+  },
+  {
+    text: 'HISTORY',
+    value: 'd&WXdXWF.zWtcJ&F2',
+  },
+  {
+    text: 'LANGUAGE_LEARNING',
+    value: 'd&WXdXWF.JDUfJNXc',
+  },
+  {
+    text: 'MATHEMATICS',
+    value: 'd&WXdXWF.qs0Xlaxq',
+  },
+  {
+    text: 'ALGEBRA',
+    value: 'd&WXdXWF.qs0Xlaxq.0t5msbL5',
+  },
+  {
+    text: 'ARITHMETIC',
+    value: 'd&WXdXWF.qs0Xlaxq.nG96nHDc',
+  },
+  {
+    text: 'CALCULUS',
+    value: 'd&WXdXWF.qs0Xlaxq.8rJ57ht6',
+  },
+  {
+    text: 'GEOMETRY',
+    value: 'd&WXdXWF.qs0Xlaxq.lb7ELcK5',
+  },
+  {
+    text: 'STATISTICS',
+    value: 'd&WXdXWF.qs0Xlaxq.jNm15RLB',
+  },
+  {
+    text: 'READING_AND_WRITING',
+    value: 'd&WXdXWF.kHKJ&PbV',
+  },
+  {
+    text: 'LITERATURE',
+    value: 'd&WXdXWF.kHKJ&PbV.DJLBbaEk',
+  },
+  {
+    text: 'LOGIC_AND_CRITICAL_THINKING',
+    value: 'd&WXdXWF.kHKJ&PbV.YMBXStib',
+  },
+  {
+    text: 'READING_COMPREHENSION',
+    value: 'd&WXdXWF.kHKJ&PbV.r7RxB#9t',
+  },
+  {
+    text: 'WRITING',
+    value: 'd&WXdXWF.kHKJ&PbV.KFJOCr&6',
+  },
+  {
+    text: 'SCIENCES',
+    value: 'd&WXdXWF.i1IdaNwr',
+  },
+  {
+    text: 'ASTRONOMY',
+    value: 'd&WXdXWF.i1IdaNwr.mjSF4QlF',
+  },
+  {
+    text: 'BIOLOGY',
+    value: 'd&WXdXWF.i1IdaNwr.uErN4PdS',
+  },
+  {
+    text: 'CHEMISTRY',
+    value: 'd&WXdXWF.i1IdaNwr.#r5ocgid',
+  },
+  {
+    text: 'EARTH_SCIENCE',
+    value: 'd&WXdXWF.i1IdaNwr.zbDzxDE7',
+  },
+  {
+    text: 'PHYSICS',
+    value: 'd&WXdXWF.i1IdaNwr.r#wbt#jF',
+  },
+  {
+    text: 'SOCIAL_SCIENCES',
+    value: 'd&WXdXWF.K80UMYnW',
+  },
+  {
+    text: 'ANTHROPOLOGY',
+    value: 'd&WXdXWF.K80UMYnW.ViBlbQR&',
+  },
+  {
+    text: 'CIVIC_EDUCATION',
+    value: 'd&WXdXWF.K80UMYnW.F863vKiF',
+  },
+  {
+    text: 'POLITICAL_SCIENCE',
+    value: 'd&WXdXWF.K80UMYnW.K72&pITr',
+  },
+  {
+    text: 'SOCIOLOGY',
+    value: 'd&WXdXWF.K80UMYnW.75WBu1ZS',
+  },
+  {
+    text: 'WORK',
+    value: 'l7DsPDlm',
+  },
+  {
+    text: 'PROFESSIONAL_SKILLS',
+    value: 'l7DsPDlm.#N2VymZo',
+  },
+  {
+    text: 'TECHNICAL_AND_VOCATIONAL_TRAINING',
+    value: 'l7DsPDlm.ISEXeZt&',
+  },
+  {
+    text: 'INDUSTRY_AND_SECTOR_SPECIFIC',
+    value: 'l7DsPDlm.ISEXeZt&.pRvOzJTE',
+  },
+  {
+    text: 'SKILLS_TRAINING',
+    value: 'l7DsPDlm.ISEXeZt&.&1WpYE&n',
+  },
+  {
+    text: 'TOOLS_AND_SOFTWARE_TRAINING',
+    value: 'l7DsPDlm.ISEXeZt&.1JfIbP&N',
+  },
+];
+
+describe('CategoryOptions', () => {
+  it('smoke test', () => {
+    const wrapper = shallowMount(CategoryOptions);
+    expect(wrapper.isVueInstance()).toBe(true);
+  });
+  it('emits expected data', () => {
+    const wrapper = shallowMount(CategoryOptions);
+    const value = 'string';
+    wrapper.vm.$emit('input', value);
+
+    expect(wrapper.emitted().input).toBeTruthy();
+    expect(wrapper.emitted().input.length).toBe(1);
+    expect(wrapper.emitted().input[0]).toEqual([value]);
+  });
+  const expectedFamilyTree = [
+    { text: 'SCHOOL', value: 'd&WXdXWF' },
+    { text: 'ARTS', value: 'd&WXdXWF.5QAjgfv7' },
+    { text: 'DANCE', value: 'd&WXdXWF.5QAjgfv7.BUMJJBnS' },
+  ];
+
+  describe('display', () => {
+    it('has a tooltip that displays the tree for value of an item', () => {
+      const wrapper = shallowMount(CategoryOptions);
+      const item = 'd&WXdXWF.5QAjgfv7.BUMJJBnS'; // 'Dance'
+      const expectedToolTip = 'School - Arts - Dance';
+
+      expect(wrapper.vm.tooltipHelper(item)).toEqual(expectedToolTip);
+    });
+    it(`dropdown has 'levels' key necessary to display the nested structure of categories`, () => {
+      const wrapper = shallowMount(CategoryOptions);
+      const dropdown = wrapper.vm.categoriesList;
+      const everyCategoryHasLevelsKey = dropdown.every(item => 'level' in item);
+
+      expect(everyCategoryHasLevelsKey).toBeTruthy();
+    });
+  });
+
+  describe('nested family structure', () => {
+    it('can display all the ids of family tree of an item', () => {
+      const wrapper = shallowMount(CategoryOptions);
+      const item = 'd&WXdXWF.5QAjgfv7.BUMJJBnS'; //'Dance'
+      const expectedFamilyTreeIds = expectedFamilyTree.map(item => item.value);
+
+      expect(wrapper.vm.findFamilyTreeIds(item).sort()).toEqual(expectedFamilyTreeIds.sort());
+    });
+    it('can display array of objects of family tree of an item', () => {
+      const wrapper = shallowMount(CategoryOptions);
+      const item = 'd&WXdXWF.5QAjgfv7.BUMJJBnS'; //'Dance'
+
+      expect(wrapper.vm.displayFamilyTree(testDropdown, item)).toEqual(expectedFamilyTree);
+    });
+  });
+
+  describe('interactions', () => {
+    it('when user checks an item, that is emitted to the parent component', () => {
+      const wrapper = shallowMount(CategoryOptions);
+      const item = 'abcd';
+      wrapper.vm.$emit = jest.fn();
+      wrapper.vm.add(item);
+
+      expect(wrapper.vm.$emit.mock.calls[0][0]).toBe('input');
+      expect(wrapper.vm.$emit.mock.calls[0][1]).toEqual([item]);
+    });
+    it('when user unchecks an item, that is emitted to the parent component', () => {
+      const wrapper = shallowMount(CategoryOptions);
+      const item = 'defj';
+      wrapper.vm.$emit = jest.fn();
+      wrapper.vm.remove(item);
+
+      expect(wrapper.vm.$emit.mock.calls[0][0]).toBe('input');
+      expect(wrapper.vm.$emit.mock.calls[0][1]).toEqual([]);
+    });
+  });
+
+  describe('close button on chip interactions', () => {
+    it('in the autocomplete bar, the chip is removed when user clicks on its close button', () => {
+      const wrapper = shallowMount(CategoryOptions, {
+        data() {
+          return { selected: ['remove me', 'abc', 'def', 'abc.'] };
+        },
+      });
+      const originalChipsLength = wrapper.vm.selected.length;
+      wrapper.vm.remove('remove me');
+      const chips = wrapper.vm.selected;
+
+      expect(chips.length).toEqual(originalChipsLength - 1);
+    });
+  });
+});
diff --git a/contentcuration/contentcuration/frontend/channelEdit/vuex/contentNode/actions.js b/contentcuration/contentcuration/frontend/channelEdit/vuex/contentNode/actions.js
index c608db3528..fc4b4e872c 100644
--- a/contentcuration/contentcuration/frontend/channelEdit/vuex/contentNode/actions.js
+++ b/contentcuration/contentcuration/frontend/channelEdit/vuex/contentNode/actions.js
@@ -181,6 +181,7 @@ export function createContentNode(context, { parent, kind, ...payload }) {
     grade_levels: {},
     learner_needs: {},
     learning_activities: {},
+    categories: {},
     ...payload,
   };
 
@@ -217,6 +218,7 @@ function generateContentNodeData({
   grade_levels = NOVALUE,
   learner_needs = NOVALUE,
   learning_activities = NOVALUE,
+  categories = NOVALUE,
 } = {}) {
   const contentNodeData = {};
   if (title !== NOVALUE) {
@@ -267,6 +269,9 @@ function generateContentNodeData({
   if (learning_activities !== NOVALUE) {
     contentNodeData.learning_activities = learning_activities;
   }
+  if (categories !== NOVALUE) {
+    contentNodeData.categories = categories;
+  }
 
   if (extra_fields !== NOVALUE) {
     contentNodeData.extra_fields = contentNodeData.extra_fields || {};
diff --git a/contentcuration/contentcuration/frontend/shared/constants.js b/contentcuration/contentcuration/frontend/shared/constants.js
index c7af961529..100c8a579d 100644
--- a/contentcuration/contentcuration/frontend/shared/constants.js
+++ b/contentcuration/contentcuration/frontend/shared/constants.js
@@ -1,3 +1,5 @@
+import invert from 'lodash/invert';
+import Subjects from 'kolibri-constants/labels/Subjects';
 import featureFlagsSchema from 'static/feature_flags.json';
 
 export { default as LearningActivities } from 'kolibri-constants/labels/LearningActivities';
@@ -8,6 +10,8 @@ export { default as AccessibilityCategories } from 'kolibri-constants/labels/Acc
 export { default as ContentLevels } from 'kolibri-constants/labels/Levels';
 export { default as ResourcesNeededTypes } from 'kolibri-constants/labels/Needs';
 
+export const CategoriesLookup = invert(Subjects);
+
 export const ContentDefaults = {
   author: 'author',
   provider: 'provider',
diff --git a/contentcuration/contentcuration/frontend/shared/mixins.js b/contentcuration/contentcuration/frontend/shared/mixins.js
index b7bedbaa60..8c64e09d66 100644
--- a/contentcuration/contentcuration/frontend/shared/mixins.js
+++ b/contentcuration/contentcuration/frontend/shared/mixins.js
@@ -674,6 +674,8 @@ const nonconformingKeys = {
   BASIC_SKILLS: 'allLevelsBasicSkills',
   FOUNDATIONS: 'basicSkills',
   foundationsLogicAndCriticalThinking: 'logicAndCriticalThinking',
+  toolsAndSoftwareTraining: 'softwareToolsAndTraining',
+  foundations: 'basicSkills',
 
   /*
    * TODO: the following are in ResourcesNeededTypes map from le-utils, but not in Kolibri,
diff --git a/contentcuration/contentcuration/frontend/shared/views/LanguageDropdown.vue b/contentcuration/contentcuration/frontend/shared/views/LanguageDropdown.vue
index d5ab775ce2..acad74d47f 100644
--- a/contentcuration/contentcuration/frontend/shared/views/LanguageDropdown.vue
+++ b/contentcuration/contentcuration/frontend/shared/views/LanguageDropdown.vue
@@ -20,7 +20,7 @@
     :menu-props="menuProps"
     :multiple="multiple"
     :chips="multiple"
-    attach="language"
+    attach="#language"
     @change="input = ''"
     @focus="$emit('focus')"
   >
diff --git a/contentcuration/contentcuration/frontend/shared/views/LicenseDropdown.vue b/contentcuration/contentcuration/frontend/shared/views/LicenseDropdown.vue
index d0d5b6d051..fe7da89f98 100644
--- a/contentcuration/contentcuration/frontend/shared/views/LicenseDropdown.vue
+++ b/contentcuration/contentcuration/frontend/shared/views/LicenseDropdown.vue
@@ -18,7 +18,7 @@
         menu-props="offsetY"
         class="ma-0"
         box
-        attach="license"
+        attach="#license"
         @focus="$emit('focus')"
       >
         <template #append-outer>
diff --git a/contentcuration/contentcuration/frontend/shared/views/VisibilityDropdown.vue b/contentcuration/contentcuration/frontend/shared/views/VisibilityDropdown.vue
index 5b6da20684..10ae19a7e5 100644
--- a/contentcuration/contentcuration/frontend/shared/views/VisibilityDropdown.vue
+++ b/contentcuration/contentcuration/frontend/shared/views/VisibilityDropdown.vue
@@ -14,7 +14,7 @@
       :rules="rules"
       menu-props="offsetY"
       box
-      attach="role_visibility"
+      attach="#role_visibility"
       @focus="$emit('focus')"
     >
       <template v-slot:append-outer>