diff --git a/kolibri/plugins/coach/assets/src/views/lessons/LessonEditDetailsPage/EditDetailsResourceListTable.vue b/kolibri/plugins/coach/assets/src/views/lessons/LessonEditDetailsPage/EditDetailsResourceListTable.vue
index 99d9783577..5620876126 100644
--- a/kolibri/plugins/coach/assets/src/views/lessons/LessonEditDetailsPage/EditDetailsResourceListTable.vue
+++ b/kolibri/plugins/coach/assets/src/views/lessons/LessonEditDetailsPage/EditDetailsResourceListTable.vue
@@ -29,8 +29,8 @@
             >
               <div class="move-handle">
                 <DragSortWidget
-                  :moveUpText="()=>$tr('moveResourceUpButtonDescription')"
-                  :moveDownText="()=> $tr('moveResourceDownButtonDescription')"
+                  :moveUpText="()=>moveResourceUpButtonDescription$()"
+                  :moveDownText="()=>moveResourceDownButtonDescription$()"
                   :isFirst="index === 0"
                   :isLast="index === resourceListItems.length - 1"
                   @moveUp="moveUpOne(index)"
@@ -112,6 +112,7 @@
   import useSnackbar from 'kolibri/composables/useSnackbar';
   import { coachStrings } from '../../common/commonCoachStrings';
   import { PageNames } from '../../../constants';
+  import { searchAndFilterStrings } from 'kolibri-common/strings/searchAndFilterStrings';
 
   // This is a simplified version of ResourceListTable that is supposed to work
   // outside of the LessonSummaryPage workflow.
@@ -129,11 +130,15 @@
     setup() {
       const { createSnackbar, clearSnackbar } = useSnackbar();
       const { noResourcesInLessonLabel$ } = coachStrings;
+      const { moveResourceUpButtonDescription$, moveResourceDownButtonDescription$ } =
+        searchAndFilterStrings;
       return {
         PageNames,
         noResourcesInLessonLabel$,
         createSnackbar,
         clearSnackbar,
+        moveResourceUpButtonDescription$, 
+        moveResourceDownButtonDescription$ 
       };
     },
     props: {
diff --git a/kolibri/plugins/coach/assets/src/views/lessons/LessonSummaryPage/tables/LessonResourcesTable.vue b/kolibri/plugins/coach/assets/src/views/lessons/LessonSummaryPage/tables/LessonResourcesTable.vue
index f7ddbf0544..3b4e1f5a96 100644
--- a/kolibri/plugins/coach/assets/src/views/lessons/LessonSummaryPage/tables/LessonResourcesTable.vue
+++ b/kolibri/plugins/coach/assets/src/views/lessons/LessonSummaryPage/tables/LessonResourcesTable.vue
@@ -27,8 +27,8 @@
                     <!-- Mousedown.prevent is needed to avoid user selection -->
                     <DragSortWidget
                       class="sort-widget"
-                      :moveUpText="()=>$tr('moveResourceUpButtonDescription')"
-                      :moveDownText="()=>$tr('moveResourceDownButtonDescription')"
+                      :moveUpText="()=>moveResourceUpButtonDescription$()"
+                      :moveDownText="()=>moveResourceDownButtonDescription$()"
                       :isFirst="index === 0"
                       :isLast="index === entries.length - 1"
                       @moveUp="moveUpOne(index)"
@@ -94,6 +94,7 @@
   import DragContainer from 'kolibri-common/components/sortable/DragContainer';
   import DragHandle from 'kolibri-common/components/sortable/DragHandle';
   import DragSortWidget from 'kolibri-common/components/sortable/DragSortWidget';
+  import { searchAndFilterStrings } from 'kolibri-common/strings/searchAndFilterStrings';
   import Draggable from 'kolibri-common/components/sortable/Draggable';
   import CSVExporter from '../../../../csv/exporter';
   import * as csvFields from '../../../../csv/fields';
@@ -112,6 +113,15 @@
       Draggable,
     },
     mixins: [coachStringsMixin, commonCoreStrings],
+    setup() {
+      const { moveResourceUpButtonDescription$, moveResourceDownButtonDescription$ } =
+        searchAndFilterStrings;
+
+      return  {
+        moveResourceUpButtonDescription$,
+        moveResourceDownButtonDescription$
+      }
+    },
     props: {
       title: {
         type: String,
diff --git a/kolibri/plugins/coach/assets/src/views/plan/LessonResourceSelectionPage/ManageSelectedLessonResource.vue b/kolibri/plugins/coach/assets/src/views/plan/LessonResourceSelectionPage/ManageSelectedLessonResource.vue
new file mode 100644
index 0000000000..ff70c6a174
--- /dev/null
+++ b/kolibri/plugins/coach/assets/src/views/plan/LessonResourceSelectionPage/ManageSelectedLessonResource.vue
@@ -0,0 +1,179 @@
+<template>
+
+  <div>
+    <p>{{ coreString('lessonsLabel') }} : {{ lessonObject.title }} </p>
+
+    <p>{{ $tr('sizeLabel') }} : {{ bytesForHumans(lessonObject.size) }}</p>
+
+    <div
+      v-for="(lesson , index) in resources"
+      :key="index"
+    >
+      <KGrid :style="lessonOrderListButtonBorder">
+        <KGridItem :layout12="{ span: 6 }">
+          <div style="display:flex;">
+            <div>
+              <DragSortWidget
+                :moveUpText="()=> upLabel$()"
+                :moveDownText="()=> downLabel$()"
+                :noDrag="true"
+                :isFirst="index === 0"
+                :isLast="index === resources.length - 1"
+                @moveUp="() => {}"
+                @moveDown="() => {}"
+              />
+            </div>
+            <div style="padding:0px 10px">
+              <span
+                style="flex: 1"
+              >
+                <LearningActivityIcon
+                  :kind="lesson.learning_activities[0]"
+                  class="icon-style" 
+                />
+              </span>
+            </div>
+            <div>
+              <span
+                class="arrange-item-block"
+              >
+                <span>
+                  <KRouterLink  
+                    v-if="lesson.link"
+                    :text="lesson.title"
+                    :to="lesson.link"
+                    style="font-size:14px"
+                  />
+                </span>
+                <p style="font-size:12px"> 4MB </p>
+              </span>
+            </div>
+          </div>
+        </KGridItem>
+
+
+        <KGridItem :layout12="{ span: 6 }">
+          <span
+            class="add-minus-button"
+          >
+            <KIconButton
+              icon="emptyTopic" 
+              @click="()=>{ }"
+            />
+
+            <KIconButton
+              icon="minus"
+              @click="removeResource(lesson.id)"              
+            />
+          </span>
+        </KGridItem>
+
+      </KGrid>
+    </div>
+
+    <div class="bottom-buttons-style">
+      <KButton
+        :primary="true"
+        text="save & finish"
+        @click="()=>{ }"
+      />
+    </div>
+  </div>
+
+</template>
+
+
+<script>
+
+  import DragSortWidget from 'kolibri.coreVue.components.DragSortWidget';
+  import  commonCoreStrings from 'kolibri.coreVue.mixins.commonCoreStrings';
+  import LearningActivityIcon from 'kolibri-common/components/ResourceDisplayAndSearch/LearningActivityIcon.vue';
+  import bytesForHumans from 'kolibri.utils.bytesForHumans';
+  import { searchAndFilterStrings } from 'kolibri-common/strings/searchAndFilterStrings';
+
+  export default {
+    name:'ManageSelectedLessonResources',
+    components: {
+      DragSortWidget,
+      LearningActivityIcon
+    },
+    mixins:[commonCoreStrings],
+    setup(){
+      const { 
+        upLabel$,
+        downLabel$,
+      } = searchAndFilterStrings;
+      return {
+        upLabel$,
+        downLabel$,
+      }
+    },
+    props:{
+      lessonResourceList:{
+        type: Array,
+        required:true
+      },
+      lessonObject:{
+        type: Object,
+        required:true
+      },
+    },
+    data(){
+      return {
+        resources: this.lessonResourceList,
+      }
+    },
+    computed: {
+      lessonOrderListButtonBorder(){
+        return {
+          borderBottom: `1px solid ${this.$themePalette.grey.v_200}`, 
+          height:`4em`,
+          marginTop:`0.5em`
+        };
+      },
+    },
+    methods:{
+      removeResource(id){
+        this.resources = this.resources.filter((lesson) => lesson.id !== id);
+      },
+      bytesForHumans,
+    },
+
+    $trs:{
+      sizeLabel:{
+        message: 'Size',
+        context: 'Size of the lesson'
+      }
+    }
+  }
+
+</script>
+
+
+<style scoped>
+
+  .add-minus-button{
+    float:right;
+  }
+
+  .arrange-item-block{
+    display:block;
+  }
+
+  .icon-style{
+    font-size:24px;
+  }
+
+  .bottom-buttons-style {
+    position: absolute;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    padding: 1em;
+    margin-top: 1em;
+    text-align: right;
+    background-color: #ffffff;
+    border-top: 1px solid black;
+  }
+
+</style>
\ No newline at end of file
diff --git a/kolibri/plugins/coach/assets/src/views/quizzes/CreateExamPage/CreateQuizSection.vue b/kolibri/plugins/coach/assets/src/views/quizzes/CreateExamPage/CreateQuizSection.vue
index b1506b63ac..4ded9128e9 100644
--- a/kolibri/plugins/coach/assets/src/views/quizzes/CreateExamPage/CreateQuizSection.vue
+++ b/kolibri/plugins/coach/assets/src/views/quizzes/CreateExamPage/CreateQuizSection.vue
@@ -245,8 +245,8 @@
                       <div>
                         <DragSortWidget
                           class="sort-widget"
-                          :moveUpText="()=> upLabel()"
-                          :moveDownText="()=> downLabel()"
+                          :moveUpText="()=> upLabel$()"
+                          :moveDownText="()=>downLabel$()"
                           :noDrag="true"
                           :isFirst="index === 0"
                           :isLast="index === activeQuestions.length - 1"
@@ -327,6 +327,7 @@
   import { MAX_QUESTIONS_PER_QUIZ_SECTION } from 'kolibri/constants';
   import AccordionItem from 'kolibri-common/components/accordion/AccordionItem';
   import AccordionContainer from 'kolibri-common/components/accordion/AccordionContainer';
+  import { searchAndFilterStrings } from 'kolibri-common/strings/searchAndFilterStrings';
   import useSnackbar from 'kolibri/composables/useSnackbar';
   import { injectQuizCreation } from '../../../composables/useQuizCreation';
   import commonCoach from '../../common';
@@ -371,6 +372,8 @@
         questionDeletionConfirmation$,
       } = enhancedQuizManagementStrings;
 
+      const { upLabel$, downLabel$ } = searchAndFilterStrings;
+
       const {
         // Methods
         updateSection,
@@ -446,6 +449,8 @@
         selectedActiveQuestions,
 
         createSnackbar,
+        upLabel$,
+        downLabel$
       };
     },
     data() {
diff --git a/kolibri/plugins/coach/assets/src/views/quizzes/CreateExamPage/SectionOrder.vue b/kolibri/plugins/coach/assets/src/views/quizzes/CreateExamPage/SectionOrder.vue
index b597a3a58e..03a8d0555c 100644
--- a/kolibri/plugins/coach/assets/src/views/quizzes/CreateExamPage/SectionOrder.vue
+++ b/kolibri/plugins/coach/assets/src/views/quizzes/CreateExamPage/SectionOrder.vue
@@ -28,8 +28,8 @@
             >
               <DragSortWidget
                 class="drag-title"
-                :moveUpText="()=> upLabel()"
-                :moveDownText="()=> downLabel()"
+                :moveUpText="()=> upLabel$()"
+                :moveDownText="()=> downLabel$()"
                 :noDrag="true"
                 :isFirst="index === 0"
                 :isLast="index === sectionOrderList.length - 1"
@@ -100,6 +100,7 @@
   import DragSortWidget from 'kolibri-common/components/sortable/DragSortWidget';
   import { PageNames } from '../../../constants/index';
   import { injectQuizCreation } from '../../../composables/useQuizCreation';
+  import { searchAndFilterStrings } from 'kolibri-common/strings/searchAndFilterStrings';
   import useDrag from './useDrag.js';
 
   export default {
@@ -146,6 +147,11 @@
         updateQuiz,
       } = injectQuizCreation();
 
+      const { 
+        upLabel$,
+        downLabel$,
+      } = searchAndFilterStrings;
+
       const { moveDownOne, moveUpOne } = useDrag();
 
       const showCloseConfirmation = ref(false);
@@ -230,6 +236,8 @@
         randomizedLabel$,
         randomizedOptionDescription$,
         fixedLabel$,
+        upLabel$,
+        downLabel$,
         fixedOptionDescription$,
       };
     },
diff --git a/kolibri/plugins/device/assets/src/views/RearrangeChannelsPage.vue b/kolibri/plugins/device/assets/src/views/RearrangeChannelsPage.vue
index 331a73246f..2caee7718d 100644
--- a/kolibri/plugins/device/assets/src/views/RearrangeChannelsPage.vue
+++ b/kolibri/plugins/device/assets/src/views/RearrangeChannelsPage.vue
@@ -36,8 +36,8 @@
                 >
                   <DragSortWidget
                     class="sort-widget"
-                    :moveUpText="()=>$tr('upLabel', { name: channel.name })"
-                    :moveDownText="()=>$tr('downLabel', { name: channel.name })"
+                    :moveUpText="() => moveChannelUpLabel$({ name: channel.name })"
+                    :moveDownText="() => moveChanneldownLabel$({ name: channel.name })"
                     :isFirst="index === 0"
                     :isLast="index === channels.length - 1"
                     @moveUp="shiftOne(index, -1)"
@@ -72,6 +72,7 @@
   import DeviceChannelResource from '../apiResources/deviceChannel';
   import useContentTasks from '../composables/useContentTasks';
   import { PageNames } from '../constants';
+  import { searchAndFilterStrings } from 'kolibri-common/strings/searchAndFilterStrings';
 
   export default {
     name: 'RearrangeChannelsPage',
@@ -91,10 +92,16 @@
       useContentTasks();
       const { canManageContent } = useUser();
       const { createSnackbar } = useSnackbar();
+      const{
+          moveChannelUpLabel$,
+          moveChanneldownLabel$
+        } = searchAndFilterStrings;
 
       return {
         canManageContent,
         createSnackbar,
+        moveChannelUpLabel$,
+        moveChanneldownLabel$
       };
     },
     data() {
diff --git a/packages/kolibri-common/components/sortable/DragSortWidget/index.vue b/packages/kolibri-common/components/sortable/DragSortWidget/index.vue
index c7464404ba..ea7dda97a6 100644
--- a/packages/kolibri-common/components/sortable/DragSortWidget/index.vue
+++ b/packages/kolibri-common/components/sortable/DragSortWidget/index.vue
@@ -11,7 +11,7 @@
       icon="chevronUp"
       class="btn up"
       size="mini"
-      :ariaLabel="moveUpText"
+      :ariaLabel="upLabel"
       :class="{ visuallyhidden: !hasFocus }"
       @click="clickUp"
       @keyup.space="clickUp"
@@ -31,7 +31,7 @@
       icon="chevronDown"
       class="btn dn"
       size="mini"
-      :ariaLabel="moveDownText"
+      :ariaLabel="downLabel"
       :class="{ visuallyhidden: !hasFocus }"
       @click="clickDown"
       @keyup.space="clickDown"
@@ -54,24 +54,12 @@
       moveUpText: {
         type: Function,
         required: true,
-        validator: (value)=>{
-          if(isWrappedString(value)){
-            return true;
-          }else{
-            throw new Error('moveUpText must be a function that returns a wrapped string');
-          }
-        }
+        validator:isWrappedString
       },
       moveDownText: {
         type: Function,
         required: true,
-        validator: (value)=>{
-          if(isWrappedString(value)){
-            return true;
-          }else{
-            throw new Error('moveDownText must be a function that returns a wrapped string');
-          }
-        }
+        validator:isWrappedString
       },
       isFirst: {
         type: Boolean,
@@ -87,6 +75,14 @@
         hasFocus: false,
       };
     },
+    computed: {
+      upLabel() {
+        return this.moveUpText();
+      },
+      downLabel() {
+        return this.moveDownText();
+      },
+    },
     mounted() {
       window.addEventListener('focus', this.updateFocus, true);
     },
diff --git a/packages/kolibri-common/strings/searchAndFilterStrings.js b/packages/kolibri-common/strings/searchAndFilterStrings.js
index c95cb96cf4..61efeadb55 100644
--- a/packages/kolibri-common/strings/searchAndFilterStrings.js
+++ b/packages/kolibri-common/strings/searchAndFilterStrings.js
@@ -7,4 +7,32 @@ export const searchAndFilterStrings = createTranslator('SearchAndFilterStrings',
     context:
       'Label for a section of the page that contains options for searching and filtering content',
   },
+  moveChannelUpLabel: {
+    message: 'Move {name} up one',
+    context: 'Label to rearrange channel order. Not seen on UI.',
+  },
+  moveChanneldownLabel: {
+    message: 'Move {name} down one',
+    context: 'Label to rearrange channel order. Not seen on UI.',
+  },
+
+  upLabel: {
+    message: 'Up',
+    context: 'Label to move an item up in a list',
+  },
+
+  downLabel: {
+    message: 'Down',
+    context: 'Label to move an item down in a list',
+  },
+
+  moveResourceUpButtonDescription: {
+    message: 'Move this resource one position up in this lesson',
+    context: 'Refers to changing the order of resources in a lesson.',
+  },
+
+  moveResourceDownButtonDescription: {
+    message: 'Move this resource one position down in this lesson',
+    context: 'Refers to changing the order of resources in a lesson.',
+  },
 });
diff --git a/packages/kolibri/utils/i18n.js b/packages/kolibri/utils/i18n.js
index 769cb5f368..f35a92eea1 100644
--- a/packages/kolibri/utils/i18n.js
+++ b/packages/kolibri/utils/i18n.js
@@ -157,7 +157,7 @@ class Translator {
     this._defaultMessages = defaultMessages;
     for (const key in defaultMessages) {
       this[`${key}$`] = this.$tr.bind(this, key);
-      this[`${key}$`].KOLIBRI_I18N_WRAPPED_STRING = true;
+      Object.defineProperty(this[`${key}$`], 'KOLIBRI_I18N_WRAPPED_STRING', { value: true, writeable: false });
     }
   }
   $tr(messageId, args) {