From 90ee3c81d5049aaa63ea2c31a332851daf939489 Mon Sep 17 00:00:00 2001
From: Ivy Olamit <ivy@khanacademy.org>
Date: Thu, 22 Jan 2026 10:38:08 -0800
Subject: [PATCH 1/2] [LEMS-3664/radio-nota-alignment] docs(changeset): Fix
 height difference when displaying NOTA (none of the above) radio choice

---
 .changeset/poor-buckets-raise.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/poor-buckets-raise.md

diff --git a/.changeset/poor-buckets-raise.md b/.changeset/poor-buckets-raise.md
new file mode 100644
index 00000000000..1a75e256cf9
--- /dev/null
+++ b/.changeset/poor-buckets-raise.md
@@ -0,0 +1,5 @@
+---
+"@khanacademy/perseus": patch
+---
+
+Fix height difference when displaying NOTA (none of the above) radio choice

From 1bdb20ec8e8a76c2dee5806067b566e4473573c4 Mon Sep 17 00:00:00 2001
From: Ivy Olamit <ivy@khanacademy.org>
Date: Thu, 22 Jan 2026 10:38:33 -0800
Subject: [PATCH 2/2] [LEMS-3664/radio-nota-alignment] [Radio]  Fix height
 difference when displaying NOTA (none of the above) radio choice

---
 .../radio/__tests__/multiple-choice-component.test.tsx | 10 ++++++----
 .../widgets/radio/multiple-choice-component.new.tsx    |  5 +----
 2 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/packages/perseus/src/widgets/radio/__tests__/multiple-choice-component.test.tsx b/packages/perseus/src/widgets/radio/__tests__/multiple-choice-component.test.tsx
index 33203facc3c..78a124d314f 100644
--- a/packages/perseus/src/widgets/radio/__tests__/multiple-choice-component.test.tsx
+++ b/packages/perseus/src/widgets/radio/__tests__/multiple-choice-component.test.tsx
@@ -149,17 +149,19 @@ describe("Multiple choice component", () => {
             expect(screen.getByText("foo-bar-zot")).toBeInTheDocument();
         });
 
-        it("uses the i18n version of 'None of the above' when the choice is set as such", () => {
+        it("displays provided content for 'None of the above' choices", () => {
+            // The widget layer is responsible for setting the correct content
+            // for NOTA choices. The component just displays whatever content
+            // is passed to it.
             const choiceOverrides = {
                 isNoneOfTheAbove: true,
-                content: "foo-bar-zot",
+                content: "Custom NOTA content",
             };
             const props = getComponentProps({
                 choiceOverrides,
             });
             render(<MultipleChoiceComponent {...props} />);
-            expect(screen.queryByText("foo-bar-zot")).not.toBeInTheDocument();
-            expect(screen.getByText("None of the above")).toBeInTheDocument();
+            expect(screen.getByText("Custom NOTA content")).toBeInTheDocument();
         });
 
         it("shows the provided rationale when in review mode", () => {
diff --git a/packages/perseus/src/widgets/radio/multiple-choice-component.new.tsx b/packages/perseus/src/widgets/radio/multiple-choice-component.new.tsx
index 97a2970e0b7..6d6dae4a5c6 100644
--- a/packages/perseus/src/widgets/radio/multiple-choice-component.new.tsx
+++ b/packages/perseus/src/widgets/radio/multiple-choice-component.new.tsx
@@ -191,9 +191,6 @@ const ChoiceListItems = (props: ChoiceListItemsProps): React.ReactElement => {
                 ? "correct"
                 : "wrong"
             : undefined;
-        const content = choice.isNoneOfTheAbove
-            ? i18nStrings.noneOfTheAbove
-            : choice.content;
         let rationale: React.ReactElement | undefined;
         if (reviewMode && choice.hasRationale) {
             const rationaleId = `${contentId}-rationale`;
@@ -219,7 +216,7 @@ const ChoiceListItems = (props: ChoiceListItemsProps): React.ReactElement => {
                 updateChecked={updateChecked}
             >
                 <div className={styles.content}>
-                    <div id={contentId}>{content}</div>
+                    <div id={contentId}>{choice.content}</div>
                     {rationale}
                 </div>
             </Choice>