diff --git a/contentcuration/contentcuration/frontend/channelEdit/components/ResourceDrawer.vue b/contentcuration/contentcuration/frontend/channelEdit/components/ResourceDrawer.vue
index 5fab643704..9649a04980 100644
--- a/contentcuration/contentcuration/frontend/channelEdit/components/ResourceDrawer.vue
+++ b/contentcuration/contentcuration/frontend/channelEdit/components/ResourceDrawer.vue
@@ -16,6 +16,7 @@
       @scroll="$emit('scroll', $event)"
     >
       <div
+        ref="rootEl"
         class="pa-4"
         style="margin-bottom: 64px"
       >
@@ -43,8 +44,10 @@
 
 <script>
 
+  import { ref } from 'vue';
   import ResourcePanel from './ResourcePanel';
   import ResizableNavigationDrawer from 'shared/views/ResizableNavigationDrawer';
+  import { useFocusTrap } from 'shared/views/TipTapEditor/TipTapEditor/composables/useFocusTrap';
 
   export default {
     name: 'ResourceDrawer',
@@ -52,6 +55,15 @@
       ResizableNavigationDrawer,
       ResourcePanel,
     },
+    setup() {
+      const rootEl = ref(null);
+
+      useFocusTrap(rootEl);
+
+      return {
+        rootEl,
+      };
+    },
     props: {
       // key for sessionStorage to store width data at
       localName: {