diff --git a/src/components/Exercise.stories.tsx b/src/components/Exercise.stories.tsx
index b9fd266..f5fe090 100644
--- a/src/components/Exercise.stories.tsx
+++ b/src/components/Exercise.stories.tsx
@@ -77,7 +77,7 @@ const exerciseWithStepDataProps: ExerciseWithStepDataProps = {
   canUpdateCurrentStep: false,
 };
 
-const exerciseWithQuestionStatesProps = (uid?: string): ExerciseWithQuestionStatesProps => {
+const exerciseWithQuestionStatesProps = (uid?: string, correctness?: string): ExerciseWithQuestionStatesProps => {
   return {
     exercise: {
       uid: uid || '1@1',
@@ -104,11 +104,11 @@ const exerciseWithQuestionStatesProps = (uid?: string): ExerciseWithQuestionStat
         is_answer_order_important: false,
         answers: [{
           id: '1',
-          correctness: undefined,
+          correctness: correctness,
           content_html: 'True',
         }, {
           id: '2',
-          correctness: undefined,
+          correctness: correctness,
           content_html: 'False',
         }],
       }],
@@ -146,12 +146,6 @@ const exerciseWithQuestionStatesProps = (uid?: string): ExerciseWithQuestionStat
   }
 };
 
-const exerciseWithOverlayProps = (overlayChildren: React.ReactNode) => {
-  return {
-    overlayChildren,
-  };
- }
-
 type TextResizerValue = -2 | -1 | 0 | 1 | 2 | 3;
 const textResizerScales = [0.75, 0.9, 1, 1.25, 1.5, 2];
 const textResizerValues: TextResizerValue[] = [-2, -1, 0, 1, 2, 3];
@@ -657,12 +651,12 @@ bitterness. The discriminant <span data-math='b^2 - 4ac'></span> could perhaps a
           answers: [
             {
               id: '1',
-              correctness: undefined,
+              correctness: '1.0',
               content_html: `<span data-math='\\sqrt[3]{\\text{Apple}}'></span>`,
             },
             {
               id: '2',
-              correctness: undefined,
+              correctness: '1.0',
               content_html: `<span data-math='\\frac{\\text{Banana}^{2}}{4}'></span>`,
             },
           ],
@@ -677,12 +671,12 @@ bitterness. The discriminant <span data-math='b^2 - 4ac'></span> could perhaps a
           answers: [
             {
               id: '1',
-              correctness: undefined,
+              correctness: '1.0',
               content_html: `<span data-math='e^{\\text{Blue}}'></span>`,
             },
             {
               id: '2',
-              correctness: undefined,
+              correctness: '1.0',
               content_html: `<span data-math='\\frac{\\pi}{2} + \\text{Red}'></span>`,
             },
           ],
@@ -731,12 +725,12 @@ export const PreviewCard = () => {
   const props1: ExerciseWithQuestionStatesProps = {
     ...exerciseWithQuestionStatesProps(),
     questionStates: {
-      '1': {
+      '320733': {
         available_points: '1.0',
         is_completed: true,
         answer_id_order: ['1', '2', '3', '4'],
         answer_id: randomlyCorrectAnswer,
-        free_response: '',
+        free_response: 'Feedback info',
         feedback_html: '',
         correct_answer_id: randomlyCorrectAnswer.toString(),
         correct_answer_feedback_html:
@@ -804,18 +798,24 @@ export const PreviewCard = () => {
             {
               id: 832300,
               content_html: 'hypothalamus',
+              correctness: undefined,
+              feedback_html: 'Feedback response',
             },
             {
               id: 832303,
               content_html: 'medulla oblongata',
+              correctness: '1.0',
+              feedback_html: 'Feedback response',
             },
             {
               id: 832301,
               content_html: 'corpus callosum',
+              correctness: undefined,
             },
             {
               id: 832302,
               content_html: 'cerebellum',
+              correctness: undefined,
             },
           ],
           hints: [],
@@ -828,9 +828,17 @@ export const PreviewCard = () => {
     },
   };
 
+  const [showFeedback, setShowFeedback] = React.useState<boolean>(false);
+
   return (
     <TextResizerProvider>
-      <Exercise {...props1} className='preview-card' previewMode />
+      <button 
+        onClick={()=> setShowFeedback(prev => !prev)}>{`Turn ${showFeedback ? 'off': 'on'} feedback`}
+      </button>
+      <ExercisePreview 
+        exercise={props1.exercise}
+        showAllFeedback={showFeedback}
+      />
     </TextResizerProvider>
   );
 };
@@ -839,7 +847,6 @@ export const OverlayCard = () => {
   const randomlyCorrectAnswer = Math.floor(Math.random() * 3) + 1;
   const props1: ExerciseWithQuestionStatesProps = {
     ...exerciseWithQuestionStatesProps('1@123'),
-    ...exerciseWithOverlayProps(<button>Overlay</button>),
     questionStates: {
       '1': {
         available_points: '1.0',
@@ -938,17 +945,8 @@ export const OverlayCard = () => {
     },
   };
 
-  const [buttonVariant, setButtonVariant] = React.useState<'include' | 'remove'>('include');
-
   const props2: ExerciseWithQuestionStatesProps = {
-    ...exerciseWithQuestionStatesProps('1@321'),
-    ...exerciseWithOverlayProps(
-      <IncludeRemoveQuestion 
-        buttonVariant={buttonVariant}
-        onIncludeHandler={() => setButtonVariant('remove')}
-        onRemoveHandler={() => setButtonVariant('include')}
-      />
-    ),
+    ...exerciseWithQuestionStatesProps('1@321', '1.0'),
     questionStates: {
       '1': {
         available_points: '1.0',
@@ -976,29 +974,41 @@ export const OverlayCard = () => {
   const includeHandler = (exerciseUid: string) => setSelectedQuestions(previous => previous.concat(exerciseUid));
   const removeHandler = (exerciseUid: string) => setSelectedQuestions(previous => previous.filter((id) => id !== exerciseUid));
 
+
+  const includeRemoveQuestionComponent1 =
+    <IncludeRemoveQuestion
+      buttonVariant={selectedQuestions.includes(props1.exercise.uid) ? 'remove' : 'include'}
+      onIncludeHandler={() => includeHandler(props1.exercise.uid)}
+      onRemoveHandler={() => removeHandler(props1.exercise.uid)}
+      onClickDetails={() => setShowDetails1((previous) => !previous)}
+    />;
+
+  const includeRemoveQuestionComponent2 =
+    <IncludeRemoveQuestion
+      buttonVariant={selectedQuestions.includes(props2.exercise.uid) ? 'remove' : 'include'}
+      onIncludeHandler={() => includeHandler(props2.exercise.uid)}
+      onRemoveHandler={() => removeHandler(props2.exercise.uid)}
+      onClickDetails={() => setShowDetails2((previous) => !previous)}
+    />;
+
   return (
     <TextResizerProvider>
       <h2>Exercise cards</h2>
-      <Exercise {...props1} className='preview-card' previewMode />
-      <Exercise {...props2} className='preview-card' previewMode />
+      <Exercise {...props1} overlayChildren={<button>Overlay</button>} className='preview-card' previewMode />
+      <Exercise {...props2} overlayChildren={<button>Overlay</button>} className='preview-card' previewMode />
       <h2>Exercise Preview cards</h2>
       {showDetails1 && <h2>Details 1!</h2>}
-      <ExercisePreview 
-        selected={selectedQuestions.includes(props1.exercise.uid)} 
-        onIncludeHandler={()=> includeHandler(props1.exercise.uid)} 
-        onRemoveHandler={()=> removeHandler(props1.exercise.uid)}
-        onClickDetails={()=> setShowDetails1((previous) => !previous)}
-        enableOverlay 
-        exercise={props1.exercise} 
+      <ExercisePreview
+        selected={selectedQuestions.includes(props1.exercise.uid)}
+        overlayChildren={includeRemoveQuestionComponent1}
+        exercise={props1.exercise}
       />
       {showDetails2 && <h2>Details 2!</h2>}
-      <ExercisePreview 
-        selected={selectedQuestions.includes(props2.exercise.uid)} 
-        onIncludeHandler={()=> includeHandler(props2.exercise.uid)} 
-        onRemoveHandler={()=> removeHandler(props2.exercise.uid)}
-        onClickDetails={()=> setShowDetails2((previous) => !previous)}
-        enableOverlay 
-        exercise={props2.exercise} 
+      <ExercisePreview
+        selected={selectedQuestions.includes(props2.exercise.uid)}
+        overlayChildren={includeRemoveQuestionComponent2}
+        exercise={props2.exercise}
+        showAllFeedback
       />
     </TextResizerProvider>
   );
diff --git a/src/components/Exercise/styles.ts b/src/components/Exercise/styles.ts
index 84f3520..8e2bee2 100644
--- a/src/components/Exercise/styles.ts
+++ b/src/components/Exercise/styles.ts
@@ -131,7 +131,5 @@ export const exerciseStyles = css`
       font-weight: bold;
       font-size: 1.6rem;
     }
-
-
   }
 `;
diff --git a/src/components/ExercisePreview.spec.tsx b/src/components/ExercisePreview.spec.tsx
index edb6c7e..8f39568 100644
--- a/src/components/ExercisePreview.spec.tsx
+++ b/src/components/ExercisePreview.spec.tsx
@@ -33,8 +33,9 @@ describe('ExercisePreview', () => {
           is_answer_order_important: false,
           answers: [{
             id: '1',
-            correctness: undefined,
+            correctness: '1.0',
             content_html: 'True',
+            feedback_html: 'Feedback',
           }, {
             id: '2',
             correctness: undefined,
@@ -45,22 +46,18 @@ describe('ExercisePreview', () => {
     });
 
     it.each`
-        enableOverlay | selected | description
-        ${true}       | ${true}  | ${'with overlay and selected true'}
-        ${true}       | ${true}  | ${'with overlay and selected false'}
-        ${false}      | ${false} | ${'without overlay'}
-    `('matches snapshot %description', ({ enableOverlay, selected }: { enableOverlay: boolean, selected: boolean }) => {
-      const onIncludeMock = jest.fn();
-      const onRemoveMock = jest.fn();
-      const onDetailsMock = jest.fn();
+        selected | description                          | overlay                  | showFeedback
+        ${true}  | ${'with overlay and selected true'}  | ${<button>Over</button>} | ${undefined}
+        ${true}  | ${'with overlay and selected false'} | ${<button>Over</button>} | ${false}
+        ${false} | ${'without overlay'}                 | ${undefined}             | ${true}
+    `('matches snapshot $description', (
+      { selected, overlay, showFeedback }: { selected: boolean, overlay: JSX.Element, showFeedback: boolean }) => {
       const tree = renderer.create(
-        <ExercisePreview 
-          exercise={exercise} 
-          enableOverlay={enableOverlay}
+        <ExercisePreview
+          exercise={exercise}
           selected={selected}
-          onIncludeHandler={onIncludeMock}
-          onRemoveHandler={onRemoveMock}
-          onClickDetails={onDetailsMock}
+          overlayChildren={overlay}
+          showAllFeedback={showFeedback}
         />
       ).toJSON();
       expect(tree).toMatchSnapshot();
diff --git a/src/components/ExercisePreview.tsx b/src/components/ExercisePreview.tsx
index b21e714..961105c 100644
--- a/src/components/ExercisePreview.tsx
+++ b/src/components/ExercisePreview.tsx
@@ -1,49 +1,40 @@
 import React from "react";
 import { ExerciseData, ExerciseQuestionData, StepBase } from "src/types";
-import { IncludeRemoveQuestion } from "./IncludeRemoveQuestion";
 import { Exercise } from "./Exercise";
 
 export interface ExercisePreviewProps {
   exercise: ExerciseData;
-  selected: boolean;
-  onIncludeHandler: () => void;
-  onRemoveHandler: () => void;
-  onClickDetails: () => void;
-  enableOverlay?: boolean;
+  selected?: boolean;
+  showAllFeedback?: boolean;
+  overlayChildren?: React.ReactNode;
 }
 
-/**
- * An Exercise version with less interaction with card and grants an Overlay with Include/Remove component
- */
 export const ExercisePreview = (
   {
     exercise,
     selected,
-    onIncludeHandler,
-    onRemoveHandler,
-    onClickDetails,
-    enableOverlay = false,
+    showAllFeedback = false,
+    overlayChildren,
   }: ExercisePreviewProps) => {
 
+  const hideAnswerFeedback = (exercise: ExerciseData) => {
+    exercise.questions.map(question => question.answers.map(a => a.correctness = undefined ));
+    return exercise;
+  };
+
   const exercisePreviewProps = (exercise: ExerciseData) => {
     const formatAnswerData = (questions: ExerciseQuestionData[]) => questions.map((q) => (
       { id: q.id, correct_answer_id: (q.answers.find((a) => a.correctness === '1.0')?.id || '') }));
 
-    const questionStateFields = {
-      available_points: '1.0',
-      is_completed: true,
-      answer_id: '1',
-      free_response: '',
-      feedback_html: '',
-      correct_answer_feedback_html: '',
-      attempts_remaining: 0,
-      attempt_number: 1,
-      incorrectAnswerId: 0
-    }
-
-    const questionStates = formatAnswerData(exercise.questions).reduce((acc, answer) => {
+    const questionStateFields = formatAnswerData(exercise.questions).reduce((acc, answer) => {
       const { id, correct_answer_id } = answer;
-      return { ...acc, [id]: { ...questionStateFields, correct_answer_id } };
+      return { 
+        ...acc, 
+        [id]: {
+          correct_answer_id,
+          is_completed: true,
+        } 
+      };
     }, {});
 
     const step: StepBase = {
@@ -64,32 +55,17 @@ export const ExercisePreview = (
       step: step,
       questionNumber: exercise.number as number,
       numberOfQuestions: exercise.questions.length,
-      questionStates: questionStates,
-      show_all_feedback: false, // Hide all feedback
+      questionStates: questionStateFields,
+      show_all_feedback: showAllFeedback,
     };
   };
 
-  const includeRemoveQuestionComponent = React.useMemo(() =>
-    <IncludeRemoveQuestion
-      buttonVariant={selected ? 'remove' : 'include'}
-      onIncludeHandler={onIncludeHandler}
-      onRemoveHandler={onRemoveHandler}
-      onClickDetails={onClickDetails}
-    />
-    , [selected, onIncludeHandler, onRemoveHandler, onClickDetails]);
-
   return (
     <Exercise
-      exercise={exercise}
+      exercise={showAllFeedback ? exercise : hideAnswerFeedback(exercise)}
       className={selected ? 'preview-card is-selected' : 'preview-card'}
       previewMode
-      {
-      ...(enableOverlay
-        ? {
-          overlayChildren: includeRemoveQuestionComponent,
-        }
-        : {})
-      }
+      overlayChildren={overlayChildren}
       {...exercisePreviewProps(exercise)}
     />
   );
diff --git a/src/components/IncludeRemoveQuestion/index.tsx b/src/components/IncludeRemoveQuestion/index.tsx
index e05e790..44deaf8 100644
--- a/src/components/IncludeRemoveQuestion/index.tsx
+++ b/src/components/IncludeRemoveQuestion/index.tsx
@@ -25,8 +25,6 @@ export const IncludeRemoveQuestion = (
       case 'remove':
         onRemoveHandler();
         break;
-      default:
-        break;
     }
   };
 
diff --git a/src/components/__snapshots__/Exercise.spec.tsx.snap b/src/components/__snapshots__/Exercise.spec.tsx.snap
index fa8747e..3138aca 100644
--- a/src/components/__snapshots__/Exercise.spec.tsx.snap
+++ b/src/components/__snapshots__/Exercise.spec.tsx.snap
@@ -9,7 +9,7 @@ exports[`Exercise using step data matches snapshot 1`] = `
     data-task-step-id={1}
   >
     <div
-      className="sc-bczRLJ eAXREJ exercise-step sc-breuTD dSaRVj sc-hAZoDl iLMhfL"
+      className="sc-bczRLJ eAXREJ exercise-step sc-breuTD dSaRVj sc-hAZoDl hfZzAb"
     >
       <div>
         <div
@@ -206,7 +206,7 @@ exports[`Exercise with overlay rendering matches snapshot 1`] = `
     data-task-step-id={1}
   >
     <div
-      className="sc-bczRLJ eAXREJ exercise-step sc-breuTD dSaRVj sc-hAZoDl iLMhfL"
+      className="sc-bczRLJ eAXREJ exercise-step sc-breuTD dSaRVj sc-hAZoDl hfZzAb"
     >
       <div
         onBlur={[Function]}
@@ -408,7 +408,7 @@ exports[`Exercise with overlay rendering matches snapshot with previewMode 1`] =
     data-task-step-id={1}
   >
     <div
-      className="sc-bczRLJ eAXREJ exercise-step sc-breuTD dSaRVj sc-hAZoDl iLMhfL"
+      className="sc-bczRLJ eAXREJ exercise-step sc-breuTD dSaRVj sc-hAZoDl hfZzAb"
     >
       <div
         onBlur={[Function]}
@@ -608,7 +608,7 @@ exports[`Exercise with question state data matches snapshot 1`] = `
     data-task-step-id={1}
   >
     <div
-      className="sc-bczRLJ eAXREJ exercise-step sc-breuTD dSaRVj sc-hAZoDl iLMhfL"
+      className="sc-bczRLJ eAXREJ exercise-step sc-breuTD dSaRVj sc-hAZoDl hfZzAb"
     >
       <div>
         <div
@@ -853,7 +853,7 @@ exports[`Exercise with question state data renders header icons with multiple ch
     data-task-step-id={1}
   >
     <div
-      className="sc-bczRLJ eAXREJ exercise-step sc-breuTD dSaRVj sc-hAZoDl iLMhfL"
+      className="sc-bczRLJ eAXREJ exercise-step sc-breuTD dSaRVj sc-hAZoDl hfZzAb"
     >
       <div>
         <div
@@ -1184,7 +1184,7 @@ exports[`Exercise with question state data renders header icons with two-step ex
     data-task-step-id={1}
   >
     <div
-      className="sc-bczRLJ eAXREJ exercise-step sc-breuTD dSaRVj sc-hAZoDl iLMhfL"
+      className="sc-bczRLJ eAXREJ exercise-step sc-breuTD dSaRVj sc-hAZoDl hfZzAb"
     >
       <div>
         <div
@@ -1501,7 +1501,7 @@ exports[`Exercise with question state data shows a detailed solution 1`] = `
     data-task-step-id={1}
   >
     <div
-      className="sc-bczRLJ eAXREJ exercise-step sc-breuTD dSaRVj sc-hAZoDl iLMhfL"
+      className="sc-bczRLJ eAXREJ exercise-step sc-breuTD dSaRVj sc-hAZoDl hfZzAb"
     >
       <div>
         <div
diff --git a/src/components/__snapshots__/ExercisePreview.spec.tsx.snap b/src/components/__snapshots__/ExercisePreview.spec.tsx.snap
index 2ed492c..1fd1003 100644
--- a/src/components/__snapshots__/ExercisePreview.spec.tsx.snap
+++ b/src/components/__snapshots__/ExercisePreview.spec.tsx.snap
@@ -1,15 +1,15 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`ExercisePreview using step data matches snapshot %description 1`] = `
+exports[`ExercisePreview using step data matches snapshot with overlay and selected false 1`] = `
 <div
-  className="sc-fEOsli eTaXVj"
+  className="sc-ksZaOG gLzA-Dq"
 >
   <div
-    className="sc-eCYdqJ jqafet"
+    className="sc-gsnTZi dxdISE"
     data-task-step-id={1}
   >
     <div
-      className="sc-hKMtZM doPJeP exercise-step sc-fnykZs elrDSM sc-bjUoiL dJvDYc preview-card is-selected"
+      className="sc-bczRLJ eAXREJ exercise-step sc-breuTD dSaRVj sc-hAZoDl hfZzAb preview-card is-selected"
     >
       <div
         onBlur={[Function]}
@@ -21,7 +21,7 @@ exports[`ExercisePreview using step data matches snapshot %description 1`] = `
           id="step-card"
         >
           <div
-            className="sc-jSMfEi goXcMs step-card-header"
+            className="sc-dkzDqf eYRLRg step-card-header"
           >
             <div>
               <h2
@@ -45,7 +45,7 @@ exports[`ExercisePreview using step data matches snapshot %description 1`] = `
             </div>
           </div>
           <div
-            className="sc-gKXOVf eiZLwY"
+            className="sc-hKMtZM bwRTaS"
           >
             <div>
               <div
@@ -68,7 +68,7 @@ exports[`ExercisePreview using step data matches snapshot %description 1`] = `
                 data-test-id="student-exercise-question"
               >
                 <div
-                  className="sc-jqUVSM kmbXEX openstax-question step-card-body"
+                  className="sc-iBkjds lXypw openstax-question step-card-body"
                   data-question-number={1}
                   data-test-id="question"
                 >
@@ -79,10 +79,10 @@ exports[`ExercisePreview using step data matches snapshot %description 1`] = `
                       className="openstax-answer"
                     >
                       <section
-                        className="answers-answer disabled answer-selected"
+                        className="answers-answer disabled"
                       >
                         <input
-                          checked={true}
+                          checked={false}
                           className="answer-input-box"
                           disabled={true}
                           id="1234@5-option-0"
@@ -95,7 +95,7 @@ exports[`ExercisePreview using step data matches snapshot %description 1`] = `
                           htmlFor="1234@5-option-0"
                         >
                           <span
-                            aria-label="Selected Choice A:"
+                            aria-label="Choice A:"
                             className="answer-letter-wrapper"
                             data-answer-choice="A"
                             data-test-id="answer-choice-A"
@@ -158,7 +158,7 @@ exports[`ExercisePreview using step data matches snapshot %description 1`] = `
                   </div>
                 </div>
                 <div
-                  className="sc-kDDrLX bmBrfO step-card-footer"
+                  className="sc-ftvSup fUvOut step-card-footer"
                 >
                   <div
                     className="step-card-footer-inner"
@@ -175,9 +175,9 @@ exports[`ExercisePreview using step data matches snapshot %description 1`] = `
                       className="controls"
                     >
                       <button
-                        className="sc-ftvSup gRHhHP"
+                        className="sc-jSMfEi hsxEPT"
                         data-test-id="submit-answer-btn"
-                        disabled={false}
+                        disabled={true}
                         onClick={[Function]}
                       >
                         Submit & continue
@@ -195,16 +195,16 @@ exports[`ExercisePreview using step data matches snapshot %description 1`] = `
 </div>
 `;
 
-exports[`ExercisePreview using step data matches snapshot %description 2`] = `
+exports[`ExercisePreview using step data matches snapshot with overlay and selected true 1`] = `
 <div
-  className="sc-fEOsli eTaXVj"
+  className="sc-ksZaOG gLzA-Dq"
 >
   <div
-    className="sc-eCYdqJ jqafet"
+    className="sc-gsnTZi dxdISE"
     data-task-step-id={1}
   >
     <div
-      className="sc-hKMtZM doPJeP exercise-step sc-fnykZs elrDSM sc-bjUoiL dJvDYc preview-card is-selected"
+      className="sc-bczRLJ eAXREJ exercise-step sc-breuTD dSaRVj sc-hAZoDl hfZzAb preview-card is-selected"
     >
       <div
         onBlur={[Function]}
@@ -216,7 +216,7 @@ exports[`ExercisePreview using step data matches snapshot %description 2`] = `
           id="step-card"
         >
           <div
-            className="sc-jSMfEi goXcMs step-card-header"
+            className="sc-dkzDqf eYRLRg step-card-header"
           >
             <div>
               <h2
@@ -240,7 +240,7 @@ exports[`ExercisePreview using step data matches snapshot %description 2`] = `
             </div>
           </div>
           <div
-            className="sc-gKXOVf eiZLwY"
+            className="sc-hKMtZM bwRTaS"
           >
             <div>
               <div
@@ -263,7 +263,7 @@ exports[`ExercisePreview using step data matches snapshot %description 2`] = `
                 data-test-id="student-exercise-question"
               >
                 <div
-                  className="sc-jqUVSM kmbXEX openstax-question step-card-body"
+                  className="sc-iBkjds lXypw openstax-question step-card-body"
                   data-question-number={1}
                   data-test-id="question"
                 >
@@ -274,10 +274,10 @@ exports[`ExercisePreview using step data matches snapshot %description 2`] = `
                       className="openstax-answer"
                     >
                       <section
-                        className="answers-answer disabled answer-selected"
+                        className="answers-answer disabled"
                       >
                         <input
-                          checked={true}
+                          checked={false}
                           className="answer-input-box"
                           disabled={true}
                           id="1234@5-option-0"
@@ -290,7 +290,7 @@ exports[`ExercisePreview using step data matches snapshot %description 2`] = `
                           htmlFor="1234@5-option-0"
                         >
                           <span
-                            aria-label="Selected Choice A:"
+                            aria-label="Choice A:"
                             className="answer-letter-wrapper"
                             data-answer-choice="A"
                             data-test-id="answer-choice-A"
@@ -353,7 +353,7 @@ exports[`ExercisePreview using step data matches snapshot %description 2`] = `
                   </div>
                 </div>
                 <div
-                  className="sc-kDDrLX bmBrfO step-card-footer"
+                  className="sc-ftvSup fUvOut step-card-footer"
                 >
                   <div
                     className="step-card-footer-inner"
@@ -370,9 +370,9 @@ exports[`ExercisePreview using step data matches snapshot %description 2`] = `
                       className="controls"
                     >
                       <button
-                        className="sc-ftvSup gRHhHP"
+                        className="sc-jSMfEi hsxEPT"
                         data-test-id="submit-answer-btn"
-                        disabled={false}
+                        disabled={true}
                         onClick={[Function]}
                       >
                         Submit & continue
@@ -390,23 +390,23 @@ exports[`ExercisePreview using step data matches snapshot %description 2`] = `
 </div>
 `;
 
-exports[`ExercisePreview using step data matches snapshot %description 3`] = `
+exports[`ExercisePreview using step data matches snapshot without overlay 1`] = `
 <div
-  className="sc-fEOsli eTaXVj"
+  className="sc-ksZaOG gLzA-Dq"
 >
   <div
-    className="sc-eCYdqJ jqafet"
+    className="sc-gsnTZi dxdISE"
     data-task-step-id={1}
   >
     <div
-      className="sc-hKMtZM doPJeP exercise-step sc-fnykZs elrDSM sc-bjUoiL dJvDYc preview-card"
+      className="sc-bczRLJ eAXREJ exercise-step sc-breuTD dSaRVj sc-hAZoDl hfZzAb preview-card"
     >
       <div>
         <div
           id="step-card"
         >
           <div
-            className="sc-jSMfEi goXcMs step-card-header"
+            className="sc-dkzDqf eYRLRg step-card-header"
           >
             <div>
               <h2
@@ -430,7 +430,7 @@ exports[`ExercisePreview using step data matches snapshot %description 3`] = `
             </div>
           </div>
           <div
-            className="sc-gKXOVf eiZLwY"
+            className="sc-hKMtZM bwRTaS"
           >
             <div>
               <div
@@ -453,7 +453,7 @@ exports[`ExercisePreview using step data matches snapshot %description 3`] = `
                 data-test-id="student-exercise-question"
               >
                 <div
-                  className="sc-jqUVSM kmbXEX openstax-question step-card-body"
+                  className="sc-iBkjds lXypw openstax-question step-card-body has-correct-answer"
                   data-question-number={1}
                   data-test-id="question"
                 >
@@ -464,9 +464,10 @@ exports[`ExercisePreview using step data matches snapshot %description 3`] = `
                       className="openstax-answer"
                     >
                       <section
-                        className="answers-answer disabled answer-selected"
+                        className="answers-answer disabled answer-selected answer-correct"
                       >
                         <input
+                          aria-details="feedback-1234@5-0"
                           checked={true}
                           className="answer-input-box"
                           disabled={true}
@@ -488,6 +489,12 @@ exports[`ExercisePreview using step data matches snapshot %description 3`] = `
                           <div
                             className="answer-answer"
                           >
+                            <div
+                              className="sc-gKXOVf QPaPs"
+                            >
+                              Correct
+                               Answer
+                            </div>
                             <span
                               className="answer-content"
                               dangerouslySetInnerHTML={
@@ -500,6 +507,25 @@ exports[`ExercisePreview using step data matches snapshot %description 3`] = `
                         </label>
                       </section>
                     </div>
+                    <aside
+                      className="question-feedback bottom"
+                      id="feedback-1234@5-0"
+                    >
+                      <div
+                        aria-label="Answer Feedback"
+                        className="arrow"
+                      />
+                      <aside>
+                        <div
+                          className="question-feedback-content has-html"
+                          dangerouslySetInnerHTML={
+                            Object {
+                              "__html": "Feedback",
+                            }
+                          }
+                        />
+                      </aside>
+                    </aside>
                     <div
                       className="openstax-answer"
                     >
@@ -543,7 +569,7 @@ exports[`ExercisePreview using step data matches snapshot %description 3`] = `
                   </div>
                 </div>
                 <div
-                  className="sc-kDDrLX bmBrfO step-card-footer"
+                  className="sc-ftvSup fUvOut step-card-footer"
                 >
                   <div
                     className="step-card-footer-inner"
@@ -560,9 +586,9 @@ exports[`ExercisePreview using step data matches snapshot %description 3`] = `
                       className="controls"
                     >
                       <button
-                        className="sc-ftvSup gRHhHP"
+                        className="sc-jSMfEi hsxEPT"
                         data-test-id="submit-answer-btn"
-                        disabled={false}
+                        disabled={true}
                         onClick={[Function]}
                       >
                         Submit & continue