diff --git a/contentcuration/contentcuration/frontend/channelList/views/Channel/components/CatalogFilterPanelContent.vue b/contentcuration/contentcuration/frontend/channelList/views/Channel/components/CatalogFilterPanelContent.vue
index f636d3e275..42aec33faa 100644
--- a/contentcuration/contentcuration/frontend/channelList/views/Channel/components/CatalogFilterPanelContent.vue
+++ b/contentcuration/contentcuration/frontend/channelList/views/Channel/components/CatalogFilterPanelContent.vue
@@ -31,7 +31,7 @@
       />
 
       <!-- Starred -->
-      <Checkbox
+      <KCheckbox
         v-if="loggedIn"
         v-model="bookmark"
         :label="$tr('starredLabel')"
@@ -46,7 +46,7 @@
       </div>
 
       <div class="checkbox-with-tooltip">
-        <Checkbox
+        <KCheckbox
           v-model="coach"
           aria-describedby="tooltip-coach"
           :label="$tr('coachLabel')"
@@ -58,7 +58,7 @@
         />
       </div>
 
-      <Checkbox
+      <KCheckbox
         v-model="subtitles"
         :label="$tr('subtitlesLabel')"
       />
@@ -104,7 +104,6 @@
   import LanguageFilter from './LanguageFilter.vue';
   import MultiSelect from 'shared/views/form/MultiSelect';
   import { constantsTranslationMixin } from 'shared/mixins';
-  import Checkbox from 'shared/views/form/Checkbox';
   import HelpTooltip from 'shared/views/HelpTooltip';
   import { ContentKindsNames } from 'shared/leUtils/ContentKinds';
 
@@ -114,7 +113,6 @@
     name: 'CatalogFilterPanelContent',
     components: {
       LanguageFilter,
-      Checkbox,
       HelpTooltip,
       MultiSelect,
     },
diff --git a/contentcuration/contentcuration/frontend/channelList/views/Channel/components/LanguageFilter.vue b/contentcuration/contentcuration/frontend/channelList/views/Channel/components/LanguageFilter.vue
index 40ceee7887..608e9c6f0c 100644
--- a/contentcuration/contentcuration/frontend/channelList/views/Channel/components/LanguageFilter.vue
+++ b/contentcuration/contentcuration/frontend/channelList/views/Channel/components/LanguageFilter.vue
@@ -23,23 +23,23 @@
         lazy
       >
         <template #activator="{ on }">
-          <VChip
+          <StudioChip
             class="ma-1"
             v-on="on"
           >
             <div class="text-truncate">
               {{ item.name }}
             </div>
-          </VChip>
+          </StudioChip>
         </template>
         <span>{{ item.name }}</span>
       </VTooltip>
     </template>
     <template #item="{ item }">
-      <Checkbox
+      <KCheckbox
         :key="item.id"
         :ref="'checkbox-' + item.id"
-        v-model="languages"
+        :checked="languages.includes(item.id)"
         :value="item.id"
         class="mb-0 mt-1 scroll-margin"
         :labelDir="null"
@@ -59,7 +59,7 @@
           </template>
           <span>{{ item.name }}</span>
         </VTooltip>
-      </Checkbox>
+      </KCheckbox>
     </template>
   </VAutocomplete>
 
@@ -68,8 +68,8 @@
 
 <script>
 
-  import Checkbox from 'shared/views/form/Checkbox';
   import LanguagesMap, { LanguagesList } from 'shared/leUtils/Languages';
+  import StudioChip from 'shared/views/StudioChip.vue';
 
   const publicLanguages = Object.entries(window.publicLanguages || {}).map(([langId, count]) => {
     const baseLanguage = LanguagesMap.get(langId);
@@ -86,7 +86,7 @@
   export default {
     name: 'LanguageFilter',
     components: {
-      Checkbox,
+      StudioChip,
     },
     props: {
       value: {
diff --git a/contentcuration/contentcuration/frontend/shared/views/form/MultiSelect.vue b/contentcuration/contentcuration/frontend/shared/views/form/MultiSelect.vue
index 372ffe4175..41a7a16473 100644
--- a/contentcuration/contentcuration/frontend/shared/views/form/MultiSelect.vue
+++ b/contentcuration/contentcuration/frontend/shared/views/form/MultiSelect.vue
@@ -17,14 +17,14 @@
         @blur="resetScroll"
       >
         <template #selection="{ item }">
-          <VChip :class="{ notranslate }">
+          <StudioChip :class="{ notranslate }">
             {{ item.text }}
-          </VChip>
+          </StudioChip>
         </template>
         <template #item="{ item }">
-          <Checkbox
+          <KCheckbox
             :ref="'checkbox-' + item.value"
-            v-model="selections"
+            :checked="selections.includes(item.value)"
             :value="item.value"
             class="scroll-margin"
           >
@@ -35,7 +35,7 @@
             >
               {{ item.text }}
             </span>
-          </Checkbox>
+          </KCheckbox>
         </template>
       </VSelect>
     </template>
@@ -46,12 +46,12 @@
 
 <script>
 
-  import Checkbox from './Checkbox';
+  import StudioChip from '../StudioChip.vue';
   import DropdownWrapper from './DropdownWrapper';
 
   export default {
     name: 'MultiSelect',
-    components: { Checkbox, DropdownWrapper },
+    components: { DropdownWrapper, StudioChip },
     // $attrs are rebound to a descendent component
     inheritAttrs: false,
     props: {