diff --git a/contentcuration/contentcuration/frontend/channelList/views/Channel/ChannelItem.vue b/contentcuration/contentcuration/frontend/channelList/views/Channel/ChannelItem.vue
index d7f67a127d..5a107329c4 100644
--- a/contentcuration/contentcuration/frontend/channelList/views/Channel/ChannelItem.vue
+++ b/contentcuration/contentcuration/frontend/channelList/views/Channel/ChannelItem.vue
@@ -144,9 +144,9 @@
                   data-test="edit-channel"
                   @click.stop
                 >
-                  <VListTileAction>
+                  <VListTileAvatar>
                     <Icon>edit</Icon>
-                  </VListTileAction>
+                  </VListTileAvatar>
                   <VListTileTitle>{{ $tr('editChannel') }}</VListTileTitle>
                 </VListTile>
                 <VListTile
@@ -154,9 +154,9 @@
                   data-test="token-listitem"
                   @click="tokenDialog = true"
                 >
-                  <VListTileAction>
+                  <VListTileAvatar>
                     <Icon>content_copy</Icon>
-                  </VListTileAction>
+                  </VListTileAvatar>
                   <VListTileTitle>{{ $tr('copyToken') }}</VListTileTitle>
                 </VListTile>
                 <VListTile
@@ -165,11 +165,11 @@
                   target="_blank"
                   @click.stop
                 >
-                  <VListTileAction>
+                  <VListTileAvatar>
                     <Icon class="rtl-flip">
                       launch
                     </Icon>
-                  </VListTileAction>
+                  </VListTileAvatar>
                   <VListTileTitle>{{ $tr('goToWebsite') }}</VListTileTitle>
                 </VListTile>
                 <VListTile
@@ -177,11 +177,11 @@
                   :href="channel.demo_server_url"
                   target="_blank"
                 >
-                  <VListTileAction>
+                  <VListTileAvatar>
                     <Icon class="rtl-flip">
                       launch
                     </Icon>
-                  </VListTileAction>
+                  </VListTileAvatar>
                   <VListTileTitle>{{ $tr('viewContent') }}</VListTileTitle>
                 </VListTile>
                 <VListTile
@@ -189,9 +189,9 @@
                   data-test="delete-channel"
                   @click.stop="deleteDialog = true"
                 >
-                  <VListTileAction>
+                  <VListTileAvatar>
                     <Icon>delete</Icon>
-                  </VListTileAction>
+                  </VListTileAvatar>
                   <VListTileTitle>{{ $tr('deleteChannel') }}</VListTileTitle>
                 </VListTile>
               </VList>
diff --git a/contentcuration/contentcuration/frontend/shared/app.js b/contentcuration/contentcuration/frontend/shared/app.js
index 1285ca6c07..3e5f5a2e41 100644
--- a/contentcuration/contentcuration/frontend/shared/app.js
+++ b/contentcuration/contentcuration/frontend/shared/app.js
@@ -56,6 +56,7 @@ import Vuetify, {
   VListTileContent,
   VListTileSubTitle,
   VListTileTitle,
+  VListTileAvatar,
   VMenu,
   VNavigationDrawer,
   VPagination,
@@ -199,6 +200,7 @@ Vue.use(Vuetify, {
     VListTileContent,
     VListTileSubTitle,
     VListTileTitle,
+    VListTileAvatar,
     VMenu,
     VNavigationDrawer,
     VPagination,