diff --git a/kolibri/plugins/coach/assets/src/views/plan/CreateExamPage/CreateQuizSection.vue b/kolibri/plugins/coach/assets/src/views/plan/CreateExamPage/CreateQuizSection.vue
index c926142e613..086be9b8eb3 100644
--- a/kolibri/plugins/coach/assets/src/views/plan/CreateExamPage/CreateQuizSection.vue
+++ b/kolibri/plugins/coach/assets/src/views/plan/CreateExamPage/CreateQuizSection.vue
@@ -1,7 +1,9 @@
 <template>
 
-  <div class="add-padding">
-    <KGrid>
+  <div>
+    <KGrid
+      class="add-padding"
+    >
       <KGridItem
         :layout4="{ span: 1 }"
         :layout8="{ span: 1 }"
diff --git a/kolibri/plugins/coach/assets/src/views/plan/CreateExamPage/SectionEditor.vue b/kolibri/plugins/coach/assets/src/views/plan/CreateExamPage/SectionEditor.vue
index de7450e14a5..d1bf7040048 100644
--- a/kolibri/plugins/coach/assets/src/views/plan/CreateExamPage/SectionEditor.vue
+++ b/kolibri/plugins/coach/assets/src/views/plan/CreateExamPage/SectionEditor.vue
@@ -1,12 +1,220 @@
 <template>
 
-  <div>
-    <h1>Section Editor</h1>
-    <h2>
-      <KRouterLink appearance="raised-button" :to="{ path: 'select-resources' }">
-        Select resources
-      </KRouterLink>
-    </h2>
+  <div class="section-settings-content">
+    <h5
+      class="section-settings-top-heading"
+      :style="{ color: $themeTokens.text }"
+    >
+      {{ sectionSettings$() }}
+    </h5>
+
+    <KGrid>
+      <KGridItem
+        :layout12="{ span: 6 }"
+        :layout8="{ span: 4 }"
+        :layout4="{ span: 2 }"
+      >
+        <KTextbox
+          v-model="sectionTitle"
+          :label="sectionTitle$()"
+          :maxlength="100"
+        />
+      </KGridItem>
+      <KGridItem
+        :layout12="{ span: 6 }"
+        :layout8="{ span: 4 }"
+        :layout4="{ span: 2 }"
+      >
+        <div class="number-question">
+          <div>
+            <KTextbox
+              ref="numQuest"
+              v-model="numberOfQuestions"
+              type="number"
+              :label="numberOfQuestionsLabel$()"
+            />
+          </div>
+          <div>
+            <div
+              :style="borderStyle"
+              class="group-button-border"
+            >
+              <KIconButton
+                icon="minus"
+                aria-hidden="true"
+                class="number-btn"
+                :disabled="numberOfQuestions === 1"
+                @click="numberOfQuestions -= 1"
+              />
+              <span
+                :style="dividerStyle"
+              > | </span>
+              <KIconButton
+                icon="plus"
+                aria-hidden="true"
+                class="number-btn"
+                @click="numberOfQuestions += 1"
+              />
+            </div>
+          </div>
+        </div>
+      </KGridItem>
+    </KGrid>
+
+    <KTextbox
+      v-model="descriptionText"
+      :label="optionalDescriptionLabel$()"
+      :maxlength="400"
+      :textArea="true"
+      class="description-ktextbox-style"
+    />
+
+    <hr :style="dividerStyle">
+
+    <div>
+      <h5
+        class="section-settings-heading"
+      >
+        {{ questionOrder$() }}
+      </h5>
+      <KGrid>
+        <KGridItem
+          :layout12="{ span: 6 }"
+          :layout8="{ span: 4 }"
+          :layout4="{ span: 2 }"
+        >
+          <KRadioButton
+            v-model="selectedQuestionOrder"
+            :label="randomizedLabel$()"
+            :value="true"
+            :description="randomizedOptionDescription$()"
+          />
+        </KGridItem>
+        <KGridItem
+          :layout12="{ span: 6 }"
+          :layout8="{ span: 4 }"
+          :layout4="{ span: 2 }"
+        >
+          <KRadioButton
+            v-model="selectedQuestionOrder"
+            :label="fixedLabel$()"
+            :value="false"
+            :description="fixedOptionDescription$()"
+          />
+        </KGridItem>
+      </KGrid>
+    </div>
+
+    <hr :style="dividerStyle">
+
+    <h5
+      class="section-settings-heading"
+    >
+      {{ quizResourceSelection$() }}
+    </h5>
+    <p>{{ numberOfSelectedResources$({ count: 4 }) }}</p>
+
+    <KRouterLink
+      appearance="raised-button"
+      :to="{ path: 'select-resources' }"
+      class="change-resource-button-style"
+      iconAfter="forward"
+    >
+      {{ changeResources$() }}
+    </KRouterLink>
+
+    <hr :style="dividerStyle">
+
+    <h5
+      class="section-order-style section-settings-heading"
+    >
+      {{ sectionOrder$() }}
+    </h5>
+
+
+    <DragContainer
+      v-if="sectionOrderList.length > 0"
+      :items="sectionOrderList"
+      @sort="handleSectionSort"
+    >
+      <transition-group>
+        <Draggable
+          v-for="(section,index) in sectionOrderList"
+          :key="index"
+          :style="draggableStyle"
+        >
+          <DragHandle>
+            <div
+              :style="section.isActive ? activeSection : borderStyle "
+              class="section-order-list"
+            >
+              <KGrid>
+                <KGridItem
+                  :layout12="{ span: 1 }"
+                  :layout8="{ span: 1 }"
+                >
+                  <KIcon
+                    icon="dragVertical"
+                    class="space-content"
+                  />
+                </KGridItem>
+
+                <KGridItem
+                  :layout12="{ span: 6 }"
+                  :layout8="{ span: 5 }"
+                >
+                  <p class="space-content">
+                    {{ section.section_title.toUpperCase() }}
+                  </p>
+                </KGridItem>
+
+                <KGridItem
+                  :layout12="{ span: 5 }"
+                  :layout8="{ span: 2 }"
+                  class="current-section-style"
+                  :style="{ color: $themePalette.grey.v_700 }"
+                >
+                  <p
+                    v-if="quizForge.activeSection.value.section_id === section.section_id"
+                    class="current-section-text space-content"
+                  >
+                    {{ currentSection$() }}
+                  </p>
+                </KGridItem>
+              </KGrid>
+            </div>
+          </DragHandle>
+        </Draggable>
+      </transition-group>
+    </DragContainer>
+
+    <div class="bottom-buttons-style">
+      <KGrid>
+        <KGridItem
+          :layout12="{ span: 4 }"
+          :layout8="{ span: 2 }"
+          :layout4="{ span: 1 }"
+        >
+          <KButton
+            :text="deleteSectionLabel$()"
+            @click="quizForge.deleteSection(quizForge.activeSection.value.section_id)"
+          />
+        </KGridItem>
+        <KGridItem
+          :layout12="{ span: 8 }"
+          :layout8="{ span: 6 }"
+          :layout4="{ span: 3 }"
+        >
+          <KButton
+            :primary="true"
+            :text="applySettings$()"
+            class="apply-settings-style"
+            @click="applySettings"
+          />
+
+        </KGridItem>
+      </KGrid>
+    </div>
   </div>
 
 </template>
@@ -14,8 +222,195 @@
 
 <script>
 
+  import { enhancedQuizManagementStrings } from 'kolibri-common/strings/enhancedQuizManagementStrings';
+  import useKResponsiveWindow from 'kolibri.coreVue.composables.useKResponsiveWindow';
+  import Draggable from 'kolibri.coreVue.components.Draggable';
+  import DragContainer from 'kolibri.coreVue.components.DragContainer';
+  import DragHandle from 'kolibri.coreVue.components.DragHandle';
+
   export default {
     name: 'SectionEditor',
+    components: {
+      Draggable,
+      DragContainer,
+      DragHandle,
+    },
+    inject: ['quizForge'],
+    setup() {
+      const {
+        sectionSettings$,
+        sectionTitle$,
+        numberOfQuestionsLabel$,
+        optionalDescriptionLabel$,
+        quizResourceSelection$,
+        numberOfSelectedResources$,
+        currentSection$,
+        deleteSectionLabel$,
+        applySettings$,
+        changeResources$,
+        sectionOrder$,
+        questionOrder$,
+        randomizedLabel$,
+        randomizedOptionDescription$,
+        fixedLabel$,
+        fixedOptionDescription$,
+      } = enhancedQuizManagementStrings;
+      const { windowIsLarge, windowIsSmall } = useKResponsiveWindow();
+      return {
+        windowIsLarge,
+        windowIsSmall,
+        sectionSettings$,
+        sectionTitle$,
+        numberOfQuestionsLabel$,
+        optionalDescriptionLabel$,
+        quizResourceSelection$,
+        numberOfSelectedResources$,
+        currentSection$,
+        deleteSectionLabel$,
+        applySettings$,
+        changeResources$,
+        sectionOrder$,
+        questionOrder$,
+        randomizedLabel$,
+        randomizedOptionDescription$,
+        fixedLabel$,
+        fixedOptionDescription$,
+      };
+    },
+    data() {
+      return {
+        selectedQuestionOrder: this.quizForge.activeSection.value.learners_see_fixed_order,
+        numberOfQuestions: this.quizForge.activeSection.value.question_count,
+        descriptionText: this.quizForge.activeSection.value.description,
+        sectionTitle: this.quizForge.activeSection.value.section_title,
+      };
+    },
+    computed: {
+      borderStyle() {
+        return `border: 1px solid ${this.$themeTokens.fineLine}`;
+      },
+      activeSection() {
+        return {
+          backgroundColor: this.$themePalette.grey.v_50,
+          border: `1px solid ${this.$themeTokens.fineLine}`,
+        };
+      },
+      dividerStyle() {
+        return `color : ${this.$themeTokens.fineLine}`;
+      },
+      /**
+       * @returns { QuizSection[] }
+       */
+      sectionOrderList() {
+        return this.quizForge.allSections.value;
+      },
+      draggableStyle() {
+        return {
+          backgroundColor: this.$themeTokens.surface,
+        };
+      },
+    },
+    methods: {
+      handleSectionSort(e) {
+        this.quizForge.updateQuiz({ question_sources: e.newArray });
+      },
+      applySettings() {
+        this.quizForge.updateSection({
+          section_id: this.quizForge.activeSection.value.section_id,
+          section_title: this.sectionTitle,
+          description: this.descriptionText,
+          question_count: this.numberOfQuestions,
+          learners_see_fixed_order: this.selectedQuestionOrder,
+        });
+      },
+    },
   };
 
 </script>
+
+
+<style lang="scss" scoped>
+
+  @import '~kolibri-design-system/lib/styles/definitions';
+
+  .number-field {
+    display: inline-block;
+    max-width: 31em;
+    margin-right: 0.5em;
+  }
+
+  .section-settings-heading {
+    font-size: 1em;
+    font-weight: 600;
+  }
+
+  .section-settings-top-heading {
+    font-size: 18px;
+    font-weight: 600;
+  }
+
+  .section-order-list {
+    height: 2.5em;
+    margin-top: 0.5em;
+    border: 1px solid;
+    border-radius: 2px;
+  }
+
+  .space-content {
+    margin: 0.5em;
+    font-size: 1em;
+  }
+
+  .number-input-grid-item {
+    display: inline-flex;
+  }
+
+  .group-button-border {
+    display: inline-flex;
+    align-items: center;
+    height: 3.5em;
+    border: 1px solid;
+  }
+
+  .number-question {
+    display: inline-flex;
+    float: right;
+  }
+
+  .change-resource-button-style {
+    display: block;
+    width: 100%;
+    margin-bottom: 1.5em;
+  }
+
+  .section-order-style {
+    font-size: 1em;
+  }
+
+  .current-section-style {
+    font-size: 1em;
+  }
+
+  .bottom-buttons-style {
+    bottom: 0;
+    margin-top: 4em;
+    margin-bottom: 1em;
+  }
+
+  .description-ktextbox-style /deep/ .ui-textbox-label {
+    width: 160%;
+  }
+
+  /deep/ .KButton-noKey-0_1xktocf {
+    width: 100%;
+  }
+
+  .current-section-text {
+    text-align: right;
+  }
+
+  .section-settings-content {
+    margin-top: -50px;
+  }
+
+</style>
diff --git a/kolibri/plugins/coach/assets/src/views/plan/CreateExamPage/SectionSidePanel.vue b/kolibri/plugins/coach/assets/src/views/plan/CreateExamPage/SectionSidePanel.vue
index a4bfe3110d3..4874ea6f5dd 100644
--- a/kolibri/plugins/coach/assets/src/views/plan/CreateExamPage/SectionSidePanel.vue
+++ b/kolibri/plugins/coach/assets/src/views/plan/CreateExamPage/SectionSidePanel.vue
@@ -4,11 +4,11 @@
     v-if="$route.params.section_id"
     ref="resourcePanel"
     alignment="right"
+    sidePanelWidth="700px"
     :closeButtonIconType="closeIcon"
     @closePanel="$router.replace(closePanelRoute)"
     @shouldFocusFirstEl="findFirstEl()"
   >
-    <p>{{ quizForge.activeSection.value.section_id }}</p>
     <component :is="panel" :ref="$route.name" />
   </SidePanelModal>
 
diff --git a/kolibri/plugins/coach/assets/src/views/plan/CreateExamPage/index.vue b/kolibri/plugins/coach/assets/src/views/plan/CreateExamPage/index.vue
index c6eeaea5e8a..79bbd490f96 100644
--- a/kolibri/plugins/coach/assets/src/views/plan/CreateExamPage/index.vue
+++ b/kolibri/plugins/coach/assets/src/views/plan/CreateExamPage/index.vue
@@ -8,6 +8,13 @@
     :pageTitle="$tr('createNewExamLabel')"
     :route="backRoute"
   >
+    <UiAlert
+      v-if="showError && !inSearchMode"
+      type="error"
+      :dismissible="false"
+    >
+      {{ selectionIsInvalidText }}
+    </UiAlert>
 
     <KPageContainer
       :style="{ ...maxContainerHeight, maxWidth: '1000px', margin: '0 auto' }"
diff --git a/packages/kolibri-common/strings/enhancedQuizManagementStrings.js b/packages/kolibri-common/strings/enhancedQuizManagementStrings.js
index 1461805ce54..46345d799c3 100644
--- a/packages/kolibri-common/strings/enhancedQuizManagementStrings.js
+++ b/packages/kolibri-common/strings/enhancedQuizManagementStrings.js
@@ -52,9 +52,6 @@ export const enhancedQuizManagementStrings = createTranslator('EnhancedQuizManag
   currentSection: {
     message: 'Current section',
   },
-  deleteSection: {
-    message: 'Delect section',
-  },
   applySettings: {
     message: 'Apply settings',
   },
@@ -107,6 +104,21 @@ export const enhancedQuizManagementStrings = createTranslator('EnhancedQuizManag
     message:
       'Please choose a different resource or decrease the number of questions to be replaced.',
   },
+  questionOrder: {
+    message: 'Question order',
+  },
+  randomizedLabel: {
+    message: 'Randomized',
+  },
+  randomizedOptionDescription: {
+    message: 'Each learner sees a different question order',
+  },
+  fixedLabel: {
+    message: 'Fixed',
+  },
+  fixedOptionDescription: {
+    message: 'Each learner sees the same question order',
+  },
   questionEditedSuccessfully: {
     message: 'Question edited successfully',
   },