From e3b459cf38adcb138e6600128dd641cb2434fb11 Mon Sep 17 00:00:00 2001
From: Hiroki Terashima <honchikun@gmail.com>
Date: Tue, 5 May 2026 15:54:47 -0700
Subject: [PATCH 1/5] Add button to allow adding new choices at any position.
 Before, it only let you add a new choice at the end

---
 .../add-mc-choice.component.html              | 17 ++++++++++
 .../add-mc-choice.component.scss              | 26 +++++++++++++++
 .../add-mc-choice/add-mc-choice.component.ts  | 17 ++++++++++
 .../multiple-choice-authoring.component.html  | 23 ++++++-------
 .../multiple-choice-authoring.component.scss  |  6 ----
 .../multiple-choice-authoring.component.ts    | 10 ++++--
 .../multiple-choice-authoring.harness.ts      |  4 ++-
 src/messages.xlf                              | 32 +++++++++++--------
 8 files changed, 99 insertions(+), 36 deletions(-)
 create mode 100644 src/assets/wise5/components/multipleChoice/add-mc-choice/add-mc-choice.component.html
 create mode 100644 src/assets/wise5/components/multipleChoice/add-mc-choice/add-mc-choice.component.scss
 create mode 100644 src/assets/wise5/components/multipleChoice/add-mc-choice/add-mc-choice.component.ts

diff --git a/src/assets/wise5/components/multipleChoice/add-mc-choice/add-mc-choice.component.html b/src/assets/wise5/components/multipleChoice/add-mc-choice/add-mc-choice.component.html
new file mode 100644
index 00000000000..a6d8497e139
--- /dev/null
+++ b/src/assets/wise5/components/multipleChoice/add-mc-choice/add-mc-choice.component.html
@@ -0,0 +1,17 @@
+<div class="flex flex-row justify-end items-center">
+  <mat-divider class="choice-divider" [ngClass]="{ active: focus }" />
+  <button
+    mat-icon-button
+    color="primary"
+    (click)="newChoiceEvent.emit()"
+    (mouseover)="focus = true"
+    (mouseleave)="focus = false"
+    (focusin)="focus = true"
+    (focusout)="focus = false"
+    i18n-matTooltip
+    matTooltip="Add choice"
+    matTooltipPosition="above"
+  >
+    <mat-icon>add_circle</mat-icon>
+  </button>
+</div>
diff --git a/src/assets/wise5/components/multipleChoice/add-mc-choice/add-mc-choice.component.scss b/src/assets/wise5/components/multipleChoice/add-mc-choice/add-mc-choice.component.scss
new file mode 100644
index 00000000000..acbff0be900
--- /dev/null
+++ b/src/assets/wise5/components/multipleChoice/add-mc-choice/add-mc-choice.component.scss
@@ -0,0 +1,26 @@
+.choice-divider {
+  width: 100%;
+  position: relative;
+
+  &:after {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    border-bottom-style: solid;
+    content: "";
+    border-bottom-width: var(--mdc-filled-text-field-focus-active-indicator-height);
+    border-bottom-color: var(--mdc-filled-text-field-focus-active-indicator-color);
+    transform: scaleX(0);
+    transform-origin: 100%;
+    transition: transform 360ms cubic-bezier(0.4, 0, 0.2, 1),opacity 360ms cubic-bezier(0.4, 0, 0.2, 1);
+    opacity: 0;
+  }
+
+  &.active {
+    &:after {
+      transform: scaleX(1);
+      opacity: 1;
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/assets/wise5/components/multipleChoice/add-mc-choice/add-mc-choice.component.ts b/src/assets/wise5/components/multipleChoice/add-mc-choice/add-mc-choice.component.ts
new file mode 100644
index 00000000000..ad438bfbd9e
--- /dev/null
+++ b/src/assets/wise5/components/multipleChoice/add-mc-choice/add-mc-choice.component.ts
@@ -0,0 +1,17 @@
+import { CommonModule } from '@angular/common';
+import { Component, EventEmitter, Output } from '@angular/core';
+import { MatButtonModule } from '@angular/material/button';
+import { MatDividerModule } from '@angular/material/divider';
+import { MatIconModule } from '@angular/material/icon';
+import { MatTooltipModule } from '@angular/material/tooltip';
+
+@Component({
+  imports: [CommonModule, MatButtonModule, MatDividerModule, MatIconModule, MatTooltipModule],
+  selector: 'add-mc-choice',
+  styleUrl: 'add-mc-choice.component.scss',
+  templateUrl: 'add-mc-choice.component.html'
+})
+export class AddMCChoiceComponent {
+  protected focus: boolean;
+  @Output() newChoiceEvent: EventEmitter<void> = new EventEmitter<void>();
+}
diff --git a/src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.component.html b/src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.component.html
index 7fbc93ae133..f0561be6cbb 100644
--- a/src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.component.html
+++ b/src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.component.html
@@ -14,23 +14,19 @@
   </mat-radio-group>
 </p>
 <span class="choices-label" i18n>Choices</span>
-<button
-  mat-raised-button
-  color="primary"
-  class="add-choice-button"
-  (click)="addChoice()"
-  i18nMatTooltip
-  matTooltip="Add Choice"
-  matTooltipPosition="above"
->
-  <mat-icon>add</mat-icon>
-</button>
+<add-mc-choice (newChoiceEvent)="addChoice(0)" />
 @if (componentContent.choices == null || componentContent.choices.length === 0) {
   <div class="info-block" i18n>
-    There are no choices. Click the "Add Choice" button to add a choice.
+    There are no choices. Click the "Add choice" button to add a choice.
   </div>
 }
-@for (choice of componentContent.choices; track choice.id; let last = $last; let first = $first) {
+@for (
+  choice of componentContent.choices;
+  track choice.id;
+  let last = $last;
+  let first = $first;
+  let index = $index
+) {
   <div class="choice-container">
     <div class="flex flex-row flex-wrap justify-start gap-2">
       <translatable-input
@@ -110,4 +106,5 @@
       </button>
     </div>
   </div>
+  <add-mc-choice (newChoiceEvent)="addChoice(index + 1)" />
 }
diff --git a/src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.component.scss b/src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.component.scss
index d2d12f4843f..dbf1e1d33bd 100644
--- a/src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.component.scss
+++ b/src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.component.scss
@@ -13,15 +13,9 @@ label.mat-radio-label {
   margin-right: 10px;
 }
 
-.add-choice-button {
-  margin-top: 20px;
-  margin-bottom: 20px;
-}
-
 .choice-container {
   border: 2px solid #dddddd;
   border-radius: variables.$card-border-radius;
-  margin-bottom: 20px;
   padding: 20px 20px 10px 20px;
 }
 
diff --git a/src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.component.ts b/src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.component.ts
index 6bc4e51546c..6147a085893 100644
--- a/src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.component.ts
+++ b/src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.component.ts
@@ -14,9 +14,11 @@ import { EditComponentPrompt } from '../../../../../app/authoring-tool/edit-comp
 import { TranslatableAssetChooserComponent } from '../../../authoringTool/components/translatable-asset-chooser/translatable-asset-chooser.component';
 import { TranslatableInputComponent } from '../../../authoringTool/components/translatable-input/translatable-input.component';
 import { Choice } from '../Choice';
+import { AddMCChoiceComponent } from '../add-mc-choice/add-mc-choice.component';
 
 @Component({
   imports: [
+    AddMCChoiceComponent,
     FormsModule,
     MatButtonModule,
     MatCheckboxModule,
@@ -67,8 +69,12 @@ export class MultipleChoiceAuthoring extends AbstractComponentAuthoring {
     return false;
   }
 
-  protected addChoice(): void {
-    this.componentContent.choices.push(new Choice(generateRandomKey(), '', false, ''));
+  protected addChoice(position: number): void {
+    this.componentContent.choices.splice(
+      position,
+      0,
+      new Choice(generateRandomKey(), '', false, '')
+    );
     this.componentChanged();
   }
 
diff --git a/src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.harness.ts b/src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.harness.ts
index 79fc10dd469..bd31240bb38 100644
--- a/src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.harness.ts
+++ b/src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.harness.ts
@@ -4,7 +4,9 @@ import { MatRadioButtonHarness } from '@angular/material/radio/testing';
 
 export class MultipleChoiceAuthoringHarness extends ComponentHarness {
   static hostSelector = 'multiple-choice-authoring';
-  getAddChoiceButton = this.locatorFor(MatButtonHarness.with({ selector: '.add-choice-button' }));
+  getAddChoiceButton = this.locatorFor(
+    MatButtonHarness.with({ selector: '[mattooltip="Add choice"]' })
+  );
   getChoices = this.locatorForAll('.choice-container');
   getDeleteChoiceButtons = this.locatorForAll(
     MatButtonHarness.with({ selector: '[mattooltip="Delete"]' })
diff --git a/src/messages.xlf b/src/messages.xlf
index 48c96855a13..51be42b6c62 100644
--- a/src/messages.xlf
+++ b/src/messages.xlf
@@ -649,7 +649,7 @@
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.component.html</context>
-          <context context-type="linenumber">84,86</context>
+          <context context-type="linenumber">80,82</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/components/summary/summary-authoring/summary-authoring.component.html</context>
@@ -700,7 +700,7 @@
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.component.html</context>
-          <context context-type="linenumber">95,98</context>
+          <context context-type="linenumber">91,94</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/components/summary/summary-authoring/summary-authoring.component.html</context>
@@ -803,7 +803,7 @@
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.component.html</context>
-          <context context-type="linenumber">107,109</context>
+          <context context-type="linenumber">103,105</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/components/summary/summary-authoring/summary-authoring.component.html</context>
@@ -10607,7 +10607,7 @@
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.component.html</context>
-          <context context-type="linenumber">69,72</context>
+          <context context-type="linenumber">65,68</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/directives/componentAnnotations/component-annotations.component.ts</context>
@@ -11672,7 +11672,7 @@ Click &quot;Cancel&quot; to keep the invalid JSON open so you can fix it.</sourc
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.component.html</context>
-          <context context-type="linenumber">16,20</context>
+          <context context-type="linenumber">16,18</context>
         </context-group>
       </trans-unit>
       <trans-unit id="1944363997751399240" datatype="html">
@@ -11683,7 +11683,7 @@ Click &quot;Cancel&quot; to keep the invalid JSON open so you can fix it.</sourc
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.component.html</context>
-          <context context-type="linenumber">58,63</context>
+          <context context-type="linenumber">54,59</context>
         </context-group>
       </trans-unit>
       <trans-unit id="4268291134905709874" datatype="html">
@@ -21104,6 +21104,10 @@ Warning: This will delete all existing choices and buckets in this activity.</so
           <context context-type="sourcefile">src/assets/wise5/components/match/match-authoring/match-authoring.component.html</context>
           <context context-type="linenumber">45,49</context>
         </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/assets/wise5/components/multipleChoice/add-mc-choice/add-mc-choice.component.html</context>
+          <context context-type="linenumber">12,16</context>
+        </context-group>
       </trans-unit>
       <trans-unit id="4030755619952900161" datatype="html">
         <source>There are no choices. Click the &quot;Add choice&quot; button to add a choice.</source>
@@ -21131,7 +21135,7 @@ Warning: This will delete all existing choices and buckets in this activity.</so
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.component.html</context>
-          <context context-type="linenumber">41,43</context>
+          <context context-type="linenumber">37,39</context>
         </context-group>
       </trans-unit>
       <trans-unit id="985440753084441959" datatype="html">
@@ -21233,7 +21237,7 @@ Warning: This will delete all existing choices and buckets in this activity.</so
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.component.ts</context>
-          <context context-type="linenumber">76</context>
+          <context context-type="linenumber">82</context>
         </context-group>
       </trans-unit>
       <trans-unit id="6683126302760629027" datatype="html">
@@ -21414,32 +21418,32 @@ Warning: This will delete all existing choices in this activity.</source>
           <context context-type="linenumber">36</context>
         </context-group>
       </trans-unit>
-      <trans-unit id="2347568298382192498" datatype="html">
-        <source> There are no choices. Click the &quot;Add Choice&quot; button to add a choice. </source>
+      <trans-unit id="4813161478333511893" datatype="html">
+        <source> There are no choices. Click the &quot;Add choice&quot; button to add a choice. </source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.component.html</context>
-          <context context-type="linenumber">30,33</context>
+          <context context-type="linenumber">20,25</context>
         </context-group>
       </trans-unit>
       <trans-unit id="1672638997749394147" datatype="html">
         <source>Choice Text</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.component.html</context>
-          <context context-type="linenumber">39,42</context>
+          <context context-type="linenumber">35,38</context>
         </context-group>
       </trans-unit>
       <trans-unit id="7866872947081726703" datatype="html">
         <source> Is Correct </source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.component.html</context>
-          <context context-type="linenumber">61,65</context>
+          <context context-type="linenumber">57,61</context>
         </context-group>
       </trans-unit>
       <trans-unit id="3915966149686975421" datatype="html">
         <source>Optional</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.component.html</context>
-          <context context-type="linenumber">71,73</context>
+          <context context-type="linenumber">67,69</context>
         </context-group>
       </trans-unit>
       <trans-unit id="7399297044492701223" datatype="html">

From 2ca3665d9cf2f8705c911a582b3a8120822fcce5 Mon Sep 17 00:00:00 2001
From: Hiroki Terashima <honchikun@gmail.com>
Date: Tue, 5 May 2026 20:06:15 -0700
Subject: [PATCH 2/5] Moved move up/down buttons to the right of the choices,
 similar to moving components up/down in node editing view

---
 .../multiple-choice-authoring.component.html  | 163 +++++++++---------
 .../multiple-choice-authoring.harness.ts      |   4 +-
 .../multiple-choice-authoring.spec.ts         |   2 +-
 src/messages.xlf                              |  32 ++--
 4 files changed, 101 insertions(+), 100 deletions(-)

diff --git a/src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.component.html b/src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.component.html
index f0561be6cbb..dbde97e5393 100644
--- a/src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.component.html
+++ b/src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.component.html
@@ -20,91 +20,92 @@
     There are no choices. Click the "Add choice" button to add a choice.
   </div>
 }
-@for (
-  choice of componentContent.choices;
-  track choice.id;
-  let last = $last;
-  let first = $first;
-  let index = $index
-) {
-  <div class="choice-container">
-    <div class="flex flex-row flex-wrap justify-start gap-2">
-      <translatable-input
-        [content]="choice"
-        key="text"
-        label="Choice Text"
-        i18n-label
-        placeholder="Type text or choose an image"
-        i18n-placeholder
-        (defaultLanguageTextChanged)="choiceTextChange.next($event)"
-        class="choice-text-input-container"
-      />
-      <translatable-asset-chooser
-        [content]="choice"
-        key="text"
-        [processAsset]="processSelectedAsset"
-        (defaultLanguageTextChanged)="componentChanged()"
-      />
-      <div>
-        <mat-checkbox
+@for (choice of componentContent.choices; track choice.id; let last = $last; let i = $index) {
+  <div class="flex flex-row">
+    <div class="choice-container w-full">
+      <div class="flex flex-row flex-wrap justify-start gap-2">
+        <translatable-input
+          [content]="choice"
+          key="text"
+          label="Choice Text"
+          i18n-label
+          placeholder="Type text or choose an image"
+          i18n-placeholder
+          (defaultLanguageTextChanged)="choiceTextChange.next($event)"
+          class="choice-text-input-container"
+        />
+        <translatable-asset-chooser
+          [content]="choice"
+          key="text"
+          [processAsset]="processSelectedAsset"
+          (defaultLanguageTextChanged)="componentChanged()"
+        />
+        <div>
+          <mat-checkbox
+            color="primary"
+            [(ngModel)]="choice.isCorrect"
+            (change)="feedbackChanged()"
+            i18n-aria-label
+            aria-label="Is Correct"
+            i18n
+          >
+            Is Correct
+          </mat-checkbox>
+        </div>
+      </div>
+      <div class="flex flex-row flex-wrap justify-start">
+        <translatable-input
+          [content]="choice"
+          key="feedback"
+          label="Feedback"
+          i18n-label
+          placeholder="Optional"
+          i18n-placeholder
+          (defaultLanguageTextChanged)="feedbackTextChange.next($event)"
+          class="choice-feedback-input-container"
+        />
+
+        <button
+          mat-raised-button
           color="primary"
-          [(ngModel)]="choice.isCorrect"
-          (change)="feedbackChanged()"
-          i18n-aria-label
-          aria-label="Is Correct"
-          i18n
+          class="choice-authoring-button"
+          (click)="deleteChoice(choice)"
+          i18n-matTooltip
+          matTooltip="Delete"
+          matTooltipPosition="above"
         >
-          Is Correct
-        </mat-checkbox>
+          <mat-icon>delete</mat-icon>
+        </button>
       </div>
     </div>
-    <div class="flex flex-row flex-wrap justify-start">
-      <translatable-input
-        [content]="choice"
-        key="feedback"
-        label="Feedback"
-        i18n-label
-        placeholder="Optional"
-        i18n-placeholder
-        (defaultLanguageTextChanged)="feedbackTextChange.next($event)"
-        class="choice-feedback-input-container"
-      />
-      <button
-        mat-raised-button
-        color="primary"
-        class="choice-authoring-button"
-        [disabled]="first"
-        (click)="moveChoiceUp(choice)"
-        i18n-matTooltip
-        matTooltip="Move Up"
-        matTooltipPosition="above"
-      >
-        <mat-icon>arrow_upward</mat-icon>
-      </button>
-      <button
-        mat-raised-button
-        color="primary"
-        class="choice-authoring-button"
-        [disabled]="last"
-        (click)="moveChoiceDown(choice)"
-        i18n-matTooltip
-        matTooltip="Move Down"
-        matTooltipPosition="above"
-      >
-        <mat-icon>arrow_downward</mat-icon>
-      </button>
-      <button
-        mat-raised-button
-        color="primary"
-        class="choice-authoring-button"
-        (click)="deleteChoice(choice)"
-        i18n-matTooltip
-        matTooltip="Delete"
-        matTooltipPosition="above"
-      >
-        <mat-icon>delete</mat-icon>
-      </button>
+    <div class="flex flex-col">
+      @if (i > 0) {
+        <button
+          mat-icon-button
+          color="primary"
+          class="choice-authoring-button"
+          (click)="moveChoiceUp(choice)"
+          i18n-matTooltip
+          matTooltip="Move up"
+          matTooltipPosition="above"
+        >
+          <mat-icon>arrow_upward</mat-icon>
+        </button>
+      }
+      @if (!last) {
+        <button
+          mat-icon-button
+          color="primary"
+          class="choice-authoring-button"
+          (click)="moveChoiceDown(choice)"
+          i18n-matTooltip
+          matTooltip="Move down"
+          matTooltipPosition="above"
+        >
+          <mat-icon>arrow_downward</mat-icon>
+        </button>
+      }
     </div>
   </div>
-  <add-mc-choice (newChoiceEvent)="addChoice(index + 1)" />
+  <add-mc-choice (newChoiceEvent)="addChoice(i + 1)" />
 }
diff --git a/src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.harness.ts b/src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.harness.ts
index bd31240bb38..1e102de3b02 100644
--- a/src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.harness.ts
+++ b/src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.harness.ts
@@ -12,10 +12,10 @@ export class MultipleChoiceAuthoringHarness extends ComponentHarness {
     MatButtonHarness.with({ selector: '[mattooltip="Delete"]' })
   );
   getMoveDownButtons = this.locatorForAll(
-    MatButtonHarness.with({ selector: '[mattooltip="Move Down"]' })
+    MatButtonHarness.with({ selector: '[mattooltip="Move down"]' })
   );
   getMoveUpButtons = this.locatorForAll(
-    MatButtonHarness.with({ selector: '[mattooltip="Move Up"]' })
+    MatButtonHarness.with({ selector: '[mattooltip="Move up"]' })
   );
   getMultipleAnswerRadioChoice = this.locatorFor(
     MatRadioButtonHarness.with({ label: 'Multiple Answer' })
diff --git a/src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.spec.ts b/src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.spec.ts
index 238542141dc..3bb049078ba 100644
--- a/src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.spec.ts
+++ b/src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.spec.ts
@@ -120,7 +120,7 @@ function moveChoice() {
     });
     describe('move choice up is clicked on the second choice', () => {
       it('moves the choice up', async () => {
-        await (await multipleChoiceAuthoringHarness.getMoveChoiceUpButton(1)).click();
+        await (await multipleChoiceAuthoringHarness.getMoveChoiceUpButton(0)).click();
         expectChoiceOrder(['choice2', 'choice1']);
       });
     });
diff --git a/src/messages.xlf b/src/messages.xlf
index 51be42b6c62..4cda9701357 100644
--- a/src/messages.xlf
+++ b/src/messages.xlf
@@ -647,10 +647,6 @@
           <context context-type="sourcefile">src/assets/wise5/components/graph/graph-authoring/graph-authoring.component.html</context>
           <context context-type="linenumber">561,563</context>
         </context-group>
-        <context-group purpose="location">
-          <context context-type="sourcefile">src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.component.html</context>
-          <context context-type="linenumber">80,82</context>
-        </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/components/summary/summary-authoring/summary-authoring.component.html</context>
           <context context-type="linenumber">169,171</context>
@@ -698,10 +694,6 @@
           <context context-type="sourcefile">src/assets/wise5/components/graph/graph-authoring/graph-authoring.component.html</context>
           <context context-type="linenumber">574,577</context>
         </context-group>
-        <context-group purpose="location">
-          <context context-type="sourcefile">src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.component.html</context>
-          <context context-type="linenumber">91,94</context>
-        </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/components/summary/summary-authoring/summary-authoring.component.html</context>
           <context context-type="linenumber">182,185</context>
@@ -803,7 +795,7 @@
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.component.html</context>
-          <context context-type="linenumber">103,105</context>
+          <context context-type="linenumber">75,77</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/components/summary/summary-authoring/summary-authoring.component.html</context>
@@ -1306,6 +1298,10 @@
           <context context-type="sourcefile">src/assets/wise5/components/match/match-authoring/match-authoring.component.html</context>
           <context context-type="linenumber">170,173</context>
         </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.component.html</context>
+          <context context-type="linenumber">90,92</context>
+        </context-group>
       </trans-unit>
       <trans-unit id="2207764482815871800" datatype="html">
         <source>Move down</source>
@@ -1337,6 +1333,10 @@
           <context context-type="sourcefile">src/assets/wise5/components/match/match-authoring/match-authoring.component.html</context>
           <context context-type="linenumber">181,185</context>
         </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.component.html</context>
+          <context context-type="linenumber">102,105</context>
+        </context-group>
       </trans-unit>
       <trans-unit id="1502469155879345941" datatype="html">
         <source>Add a new rule at the end</source>
@@ -10607,7 +10607,7 @@
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.component.html</context>
-          <context context-type="linenumber">65,68</context>
+          <context context-type="linenumber">60,63</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/directives/componentAnnotations/component-annotations.component.ts</context>
@@ -11683,7 +11683,7 @@ Click &quot;Cancel&quot; to keep the invalid JSON open so you can fix it.</sourc
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.component.html</context>
-          <context context-type="linenumber">54,59</context>
+          <context context-type="linenumber">49,53</context>
         </context-group>
       </trans-unit>
       <trans-unit id="4268291134905709874" datatype="html">
@@ -21135,7 +21135,7 @@ Warning: This will delete all existing choices and buckets in this activity.</so
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.component.html</context>
-          <context context-type="linenumber">37,39</context>
+          <context context-type="linenumber">32,34</context>
         </context-group>
       </trans-unit>
       <trans-unit id="985440753084441959" datatype="html">
@@ -21422,28 +21422,28 @@ Warning: This will delete all existing choices in this activity.</source>
         <source> There are no choices. Click the &quot;Add choice&quot; button to add a choice. </source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.component.html</context>
-          <context context-type="linenumber">20,25</context>
+          <context context-type="linenumber">20,23</context>
         </context-group>
       </trans-unit>
       <trans-unit id="1672638997749394147" datatype="html">
         <source>Choice Text</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.component.html</context>
-          <context context-type="linenumber">35,38</context>
+          <context context-type="linenumber">30,32</context>
         </context-group>
       </trans-unit>
       <trans-unit id="7866872947081726703" datatype="html">
         <source> Is Correct </source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.component.html</context>
-          <context context-type="linenumber">57,61</context>
+          <context context-type="linenumber">52,56</context>
         </context-group>
       </trans-unit>
       <trans-unit id="3915966149686975421" datatype="html">
         <source>Optional</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.component.html</context>
-          <context context-type="linenumber">67,69</context>
+          <context context-type="linenumber">62,64</context>
         </context-group>
       </trans-unit>
       <trans-unit id="7399297044492701223" datatype="html">

From 4b66473e82dda757648260bb4c0711db4278048f Mon Sep 17 00:00:00 2001
From: Hiroki Terashima <honchikun@gmail.com>
Date: Tue, 5 May 2026 20:18:25 -0700
Subject: [PATCH 3/5] Move delete choice button to the top right corner of the
 choice box

---
 .../multiple-choice-authoring.component.html  | 46 +++++++++----------
 .../multiple-choice-authoring.harness.ts      |  2 +-
 src/messages.xlf                              | 20 ++++----
 3 files changed, 33 insertions(+), 35 deletions(-)

diff --git a/src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.component.html b/src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.component.html
index dbde97e5393..d42e1528458 100644
--- a/src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.component.html
+++ b/src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.component.html
@@ -40,18 +40,28 @@
           [processAsset]="processSelectedAsset"
           (defaultLanguageTextChanged)="componentChanged()"
         />
-        <div>
-          <mat-checkbox
-            color="primary"
-            [(ngModel)]="choice.isCorrect"
-            (change)="feedbackChanged()"
-            i18n-aria-label
-            aria-label="Is Correct"
-            i18n
-          >
-            Is Correct
-          </mat-checkbox>
-        </div>
+        <mat-checkbox
+          color="primary"
+          [(ngModel)]="choice.isCorrect"
+          (change)="feedbackChanged()"
+          i18n-aria-label
+          aria-label="Is Correct"
+          i18n
+        >
+          Is Correct
+        </mat-checkbox>
+        <div class="flex grow"></div>
+        <button
+          mat-icon-button
+          color="primary"
+          class="choice-authoring-button"
+          (click)="deleteChoice(choice)"
+          i18n-matTooltip
+          matTooltip="Delete choice"
+          matTooltipPosition="above"
+        >
+          <mat-icon>delete</mat-icon>
+        </button>
       </div>
       <div class="flex flex-row flex-wrap justify-start">
         <translatable-input
@@ -64,18 +74,6 @@
           (defaultLanguageTextChanged)="feedbackTextChange.next($event)"
           class="choice-feedback-input-container"
         />
-
-        <button
-          mat-raised-button
-          color="primary"
-          class="choice-authoring-button"
-          (click)="deleteChoice(choice)"
-          i18n-matTooltip
-          matTooltip="Delete"
-          matTooltipPosition="above"
-        >
-          <mat-icon>delete</mat-icon>
-        </button>
       </div>
     </div>
     <div class="flex flex-col">
diff --git a/src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.harness.ts b/src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.harness.ts
index 1e102de3b02..41900bdab04 100644
--- a/src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.harness.ts
+++ b/src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.harness.ts
@@ -9,7 +9,7 @@ export class MultipleChoiceAuthoringHarness extends ComponentHarness {
   );
   getChoices = this.locatorForAll('.choice-container');
   getDeleteChoiceButtons = this.locatorForAll(
-    MatButtonHarness.with({ selector: '[mattooltip="Delete"]' })
+    MatButtonHarness.with({ selector: '[mattooltip="Delete choice"]' })
   );
   getMoveDownButtons = this.locatorForAll(
     MatButtonHarness.with({ selector: '[mattooltip="Move down"]' })
diff --git a/src/messages.xlf b/src/messages.xlf
index 4cda9701357..fe348ee68fe 100644
--- a/src/messages.xlf
+++ b/src/messages.xlf
@@ -793,10 +793,6 @@
           <context context-type="sourcefile">src/assets/wise5/components/label/label-student/label-student.component.html</context>
           <context context-type="linenumber">43,46</context>
         </context-group>
-        <context-group purpose="location">
-          <context context-type="sourcefile">src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.component.html</context>
-          <context context-type="linenumber">75,77</context>
-        </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/components/summary/summary-authoring/summary-authoring.component.html</context>
           <context context-type="linenumber">196,198</context>
@@ -1300,7 +1296,7 @@
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.component.html</context>
-          <context context-type="linenumber">90,92</context>
+          <context context-type="linenumber">88,90</context>
         </context-group>
       </trans-unit>
       <trans-unit id="2207764482815871800" datatype="html">
@@ -1335,7 +1331,7 @@
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.component.html</context>
-          <context context-type="linenumber">102,105</context>
+          <context context-type="linenumber">100,103</context>
         </context-group>
       </trans-unit>
       <trans-unit id="1502469155879345941" datatype="html">
@@ -10607,7 +10603,7 @@
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.component.html</context>
-          <context context-type="linenumber">60,63</context>
+          <context context-type="linenumber">70,73</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/directives/componentAnnotations/component-annotations.component.ts</context>
@@ -11683,7 +11679,7 @@ Click &quot;Cancel&quot; to keep the invalid JSON open so you can fix it.</sourc
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.component.html</context>
-          <context context-type="linenumber">49,53</context>
+          <context context-type="linenumber">48,53</context>
         </context-group>
       </trans-unit>
       <trans-unit id="4268291134905709874" datatype="html">
@@ -21144,6 +21140,10 @@ Warning: This will delete all existing choices and buckets in this activity.</so
           <context context-type="sourcefile">src/assets/wise5/components/match/match-authoring/match-authoring.component.html</context>
           <context context-type="linenumber">105,109</context>
         </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.component.html</context>
+          <context context-type="linenumber">60,63</context>
+        </context-group>
       </trans-unit>
       <trans-unit id="3049957643882977568" datatype="html">
         <source>Source bucket name</source>
@@ -21436,14 +21436,14 @@ Warning: This will delete all existing choices in this activity.</source>
         <source> Is Correct </source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.component.html</context>
-          <context context-type="linenumber">52,56</context>
+          <context context-type="linenumber">51,54</context>
         </context-group>
       </trans-unit>
       <trans-unit id="3915966149686975421" datatype="html">
         <source>Optional</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.component.html</context>
-          <context context-type="linenumber">62,64</context>
+          <context context-type="linenumber">72,74</context>
         </context-group>
       </trans-unit>
       <trans-unit id="7399297044492701223" datatype="html">

From bcee6ed8d82ec6e1abf7d0af05df11880312285e Mon Sep 17 00:00:00 2001
From: Jonathan Lim-Breitbart <breity10@gmail.com>
Date: Mon, 11 May 2026 13:13:43 -0700
Subject: [PATCH 4/5] Clean up styles and layout; improve responsiveness

---
 .../translatable-asset-chooser.component.html |  2 +-
 .../multiple-choice-authoring.component.html  | 90 +++++++++----------
 .../multiple-choice-authoring.component.scss  | 38 +-------
 3 files changed, 50 insertions(+), 80 deletions(-)

diff --git a/src/assets/wise5/authoringTool/components/translatable-asset-chooser/translatable-asset-chooser.component.html b/src/assets/wise5/authoringTool/components/translatable-asset-chooser/translatable-asset-chooser.component.html
index 4fd2401a8ac..c2f4225535e 100644
--- a/src/assets/wise5/authoringTool/components/translatable-asset-chooser/translatable-asset-chooser.component.html
+++ b/src/assets/wise5/authoringTool/components/translatable-asset-chooser/translatable-asset-chooser.component.html
@@ -1,6 +1,6 @@
 <button
   class="enable-in-translation"
-  mat-raised-button
+  mat-icon-button
   color="primary"
   (click)="chooseAsset()"
   [matTooltip]="tooltip"
diff --git a/src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.component.html b/src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.component.html
index d42e1528458..7744932be3e 100644
--- a/src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.component.html
+++ b/src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.component.html
@@ -13,7 +13,7 @@
     <mat-radio-button color="primary" value="checkbox" i18n>Multiple Answer</mat-radio-button>
   </mat-radio-group>
 </p>
-<span class="choices-label" i18n>Choices</span>
+<h2 class="mat-headline-6 !mb-0" i18n>Choices</h2>
 <add-mc-choice (newChoiceEvent)="addChoice(0)" />
 @if (componentContent.choices == null || componentContent.choices.length === 0) {
   <div class="info-block" i18n>
@@ -21,47 +21,49 @@
   </div>
 }
 @for (choice of componentContent.choices; track choice.id; let last = $last; let i = $index) {
-  <div class="flex flex-row">
-    <div class="choice-container w-full">
-      <div class="flex flex-row flex-wrap justify-start gap-2">
-        <translatable-input
-          [content]="choice"
-          key="text"
-          label="Choice Text"
-          i18n-label
-          placeholder="Type text or choose an image"
-          i18n-placeholder
-          (defaultLanguageTextChanged)="choiceTextChange.next($event)"
-          class="choice-text-input-container"
-        />
-        <translatable-asset-chooser
-          [content]="choice"
-          key="text"
-          [processAsset]="processSelectedAsset"
-          (defaultLanguageTextChanged)="componentChanged()"
-        />
-        <mat-checkbox
-          color="primary"
-          [(ngModel)]="choice.isCorrect"
-          (change)="feedbackChanged()"
-          i18n-aria-label
-          aria-label="Is Correct"
-          i18n
-        >
-          Is Correct
-        </mat-checkbox>
-        <div class="flex grow"></div>
-        <button
-          mat-icon-button
-          color="primary"
-          class="choice-authoring-button"
-          (click)="deleteChoice(choice)"
-          i18n-matTooltip
-          matTooltip="Delete choice"
-          matTooltipPosition="above"
-        >
-          <mat-icon>delete</mat-icon>
-        </button>
+  <div class="flex">
+    <div class="choice-container w-full @container">
+      <div class="flex flex-col @md:flex-row items-start gap-2">
+        <div class="flex flex-1 gap-2 order-2 @md:order-1 w-full @md:w-auto">
+          <translatable-input
+            [content]="choice"
+            key="text"
+            label="Choice Text"
+            i18n-label
+            placeholder="Type text or choose an image"
+            i18n-placeholder
+            (defaultLanguageTextChanged)="choiceTextChange.next($event)"
+            class="choice-input-container"
+          />
+          <translatable-asset-chooser
+            [content]="choice"
+            key="text"
+            [processAsset]="processSelectedAsset"
+            (defaultLanguageTextChanged)="componentChanged()"
+          />
+        </div>
+        <div class="flex items-center justify-between gap-2 order-1 @md:order-2 w-full @md:w-auto">
+          <mat-checkbox
+            color="primary"
+            [(ngModel)]="choice.isCorrect"
+            (change)="feedbackChanged()"
+            i18n-aria-label
+            aria-label="Is Correct"
+            i18n
+          >
+            Is Correct
+          </mat-checkbox>
+          <button
+            mat-icon-button
+            color="primary"
+            (click)="deleteChoice(choice)"
+            i18n-matTooltip
+            matTooltip="Delete choice"
+            matTooltipPosition="above"
+          >
+            <mat-icon>delete</mat-icon>
+          </button>
+        </div>
       </div>
       <div class="flex flex-row flex-wrap justify-start">
         <translatable-input
@@ -72,7 +74,7 @@
           placeholder="Optional"
           i18n-placeholder
           (defaultLanguageTextChanged)="feedbackTextChange.next($event)"
-          class="choice-feedback-input-container"
+          class="choice-input-container"
         />
       </div>
     </div>
@@ -81,7 +83,6 @@
         <button
           mat-icon-button
           color="primary"
-          class="choice-authoring-button"
           (click)="moveChoiceUp(choice)"
           i18n-matTooltip
           matTooltip="Move up"
@@ -94,7 +95,6 @@
         <button
           mat-icon-button
           color="primary"
-          class="choice-authoring-button"
           (click)="moveChoiceDown(choice)"
           i18n-matTooltip
           matTooltip="Move down"
diff --git a/src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.component.scss b/src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.component.scss
index dbf1e1d33bd..e8fd848914e 100644
--- a/src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.component.scss
+++ b/src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.component.scss
@@ -1,50 +1,20 @@
 @use 'style/abstracts/variables';
 
-/* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
-mat-radio-button {
-  margin-right: 24px;
-}
-
-label.mat-radio-label {
-  display: inline-flex;
-}
-
-.choices-label {
-  margin-right: 10px;
-}
-
 .choice-container {
   border: 2px solid #dddddd;
   border-radius: variables.$card-border-radius;
-  padding: 20px 20px 10px 20px;
+  padding: 16px 16px 0;
 }
 
 .info-block {
-  margin-bottom: 20px;
   text-align: center;
   font-weight: 500;
 }
 
-.choice-authoring-button {
-  margin-left: 10px;
-  margin-right: 10px;
-}
-
-.mat-mdc-checkbox {
-  margin-left: 5px;
-}
-
-.choice-text-input-container, .choice-feedback-input-container {
-  width: 70%;
+.choice-input-container {
+  flex: 1;
+  
   mat-form-field {
     width: 100%;
   }
 }
-
-.reload-preview-container {
-  margin-bottom: 10px;
-}
-
-.mat-icon {
-  margin: 0px;
-}

From 987d569c6b3ea10a03830ba2f4f2b163873f23ef Mon Sep 17 00:00:00 2001
From: "github-actions[bot]" <github-actions[bot]@users.noreply.github.com>
Date: Mon, 11 May 2026 20:19:07 +0000
Subject: [PATCH 5/5] Updated messages

---
 src/messages.xlf | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/messages.xlf b/src/messages.xlf
index fe348ee68fe..f357bcc72ba 100644
--- a/src/messages.xlf
+++ b/src/messages.xlf
@@ -1296,7 +1296,7 @@
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.component.html</context>
-          <context context-type="linenumber">88,90</context>
+          <context context-type="linenumber">89,91</context>
         </context-group>
       </trans-unit>
       <trans-unit id="2207764482815871800" datatype="html">
@@ -10603,7 +10603,7 @@
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.component.html</context>
-          <context context-type="linenumber">70,73</context>
+          <context context-type="linenumber">72,75</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/directives/componentAnnotations/component-annotations.component.ts</context>
@@ -11679,7 +11679,7 @@ Click &quot;Cancel&quot; to keep the invalid JSON open so you can fix it.</sourc
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.component.html</context>
-          <context context-type="linenumber">48,53</context>
+          <context context-type="linenumber">51,55</context>
         </context-group>
       </trans-unit>
       <trans-unit id="4268291134905709874" datatype="html">
@@ -21131,7 +21131,7 @@ Warning: This will delete all existing choices and buckets in this activity.</so
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.component.html</context>
-          <context context-type="linenumber">32,34</context>
+          <context context-type="linenumber">33,35</context>
         </context-group>
       </trans-unit>
       <trans-unit id="985440753084441959" datatype="html">
@@ -21142,7 +21142,7 @@ Warning: This will delete all existing choices and buckets in this activity.</so
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.component.html</context>
-          <context context-type="linenumber">60,63</context>
+          <context context-type="linenumber">61,64</context>
         </context-group>
       </trans-unit>
       <trans-unit id="3049957643882977568" datatype="html">
@@ -21429,21 +21429,21 @@ Warning: This will delete all existing choices in this activity.</source>
         <source>Choice Text</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.component.html</context>
-          <context context-type="linenumber">30,32</context>
+          <context context-type="linenumber">31,33</context>
         </context-group>
       </trans-unit>
       <trans-unit id="7866872947081726703" datatype="html">
         <source> Is Correct </source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.component.html</context>
-          <context context-type="linenumber">51,54</context>
+          <context context-type="linenumber">54,57</context>
         </context-group>
       </trans-unit>
       <trans-unit id="3915966149686975421" datatype="html">
         <source>Optional</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/components/multipleChoice/multiple-choice-authoring/multiple-choice-authoring.component.html</context>
-          <context context-type="linenumber">72,74</context>
+          <context context-type="linenumber">74,76</context>
         </context-group>
       </trans-unit>
       <trans-unit id="7399297044492701223" datatype="html">