diff --git a/frontend/app/review-design/page.tsx b/frontend/app/review-design/page.tsx
index 12b3d0c..dcc4b73 100644
--- a/frontend/app/review-design/page.tsx
+++ b/frontend/app/review-design/page.tsx
@@ -231,8 +231,10 @@ export default function ReviewTestsPage() {
                 exampleTranslation={mockCardData.exampleTranslation}
                 difficultyLevel={mockCardData.difficultyLevel}
                 options={vocabChoiceOptions}
+                exampleImage={mockCardData.exampleImage}
                 onAnswer={handleAnswer}
                 onReportError={handleReportError}
+                onImageClick={handleImageClick}
               />
             )}
 
diff --git a/frontend/components/review/review-tests/SentenceListeningTest.tsx b/frontend/components/review/review-tests/SentenceListeningTest.tsx
index dc4bd05..287f465 100644
--- a/frontend/components/review/review-tests/SentenceListeningTest.tsx
+++ b/frontend/components/review/review-tests/SentenceListeningTest.tsx
@@ -7,8 +7,10 @@ interface SentenceListeningTestProps {
   exampleTranslation: string
   difficultyLevel: string
   options: string[]
+  exampleImage?: string
   onAnswer: (answer: string) => void
   onReportError: () => void
+  onImageClick?: (image: string) => void
   disabled?: boolean
 }
 
@@ -18,8 +20,10 @@ export const SentenceListeningTest: React.FC<SentenceListeningTestProps> = ({
   exampleTranslation,
   difficultyLevel,
   options,
+  exampleImage,
   onAnswer,
   onReportError,
+  onImageClick,
   disabled = false
 }) => {
   const [selectedAnswer, setSelectedAnswer] = useState<string | null>(null)
@@ -70,14 +74,29 @@ export const SentenceListeningTest: React.FC<SentenceListeningTestProps> = ({
           </div>
         </div>
 
-        {/* 選項區域 - 垂直列表布局 */}
-        <div className="grid grid-cols-1 gap-3 mb-6">
+        {/* 圖片區（如果有） */}
+        {exampleImage && (
+          <div className="mb-6">
+            <div className="bg-gray-50 rounded-lg p-4">
+              <h3 className="font-semibold text-gray-900 mb-2 text-left">圖片提示</h3>
+              <img
+                src={exampleImage}
+                alt="Example illustration"
+                className="w-full max-w-md mx-auto rounded-lg cursor-pointer"
+                onClick={() => onImageClick?.(exampleImage)}
+              />
+            </div>
+          </div>
+        )}
+
+        {/* 選項區域 - 響應式網格布局 */}
+        <div className="grid grid-cols-1 sm:grid-cols-2 gap-3 mb-6">
           {options.map((sentence, idx) => (
             <button
               key={idx}
               onClick={() => handleAnswerSelect(sentence)}
               disabled={disabled || showResult}
-              className={`w-full p-4 text-left rounded-lg border-2 transition-all ${
+              className={`p-4 text-center rounded-lg border-2 transition-all ${
                 showResult
                   ? sentence === example
                     ? 'border-green-500 bg-green-50 text-green-700'
@@ -87,8 +106,7 @@ export const SentenceListeningTest: React.FC<SentenceListeningTestProps> = ({
                   : 'border-gray-200 hover:border-blue-300 hover:bg-blue-50'
               }`}
             >
-              <div className="text-sm text-gray-600 mb-1">選項 {String.fromCharCode(65 + idx)}:</div>
-              <div className="text-base">{sentence}</div>
+              <div className="text-lg font-medium">{sentence}</div>
             </button>
           ))}
         </div>
diff --git a/frontend/components/review/review-tests/VocabChoiceTest.tsx b/frontend/components/review/review-tests/VocabChoiceTest.tsx
index 0015f72..e48a5a7 100644
--- a/frontend/components/review/review-tests/VocabChoiceTest.tsx
+++ b/frontend/components/review/review-tests/VocabChoiceTest.tsx
@@ -72,14 +72,14 @@ export const VocabChoiceTest: React.FC<VocabChoiceTestProps> = ({
           </div>
         </div>
 
-        {/* 選項區域 */}
-        <div className="space-y-3 mb-6">
+        {/* 選項區域 - 響應式網格布局 */}
+        <div className="grid grid-cols-1 sm:grid-cols-2 gap-3 mb-6">
           {options.map((option, idx) => (
             <button
               key={idx}
               onClick={() => handleAnswerSelect(option)}
               disabled={disabled || showResult}
-              className={`w-full p-4 text-left rounded-lg border-2 transition-all ${
+              className={`p-4 text-center rounded-lg border-2 transition-all ${
                 showResult
                   ? option === word
                     ? 'border-green-500 bg-green-50 text-green-700'
@@ -89,7 +89,7 @@ export const VocabChoiceTest: React.FC<VocabChoiceTestProps> = ({
                   : 'border-gray-200 hover:border-blue-300 hover:bg-blue-50'
               }`}
             >
-              {option}
+              <div className="text-lg font-medium">{option}</div>
             </button>
           ))}
         </div>
diff --git a/frontend/components/review/review-tests/VocabListeningTest.tsx b/frontend/components/review/review-tests/VocabListeningTest.tsx
index f8e7f59..295ff7a 100644
--- a/frontend/components/review/review-tests/VocabListeningTest.tsx
+++ b/frontend/components/review/review-tests/VocabListeningTest.tsx
@@ -72,7 +72,7 @@ export const VocabListeningTest: React.FC<VocabListeningTestProps> = ({
         </div>
 
         {/* 選項區域 - 2x2網格布局 */}
-        <div className="grid grid-cols-2 gap-3 mb-6">
+        <div className="grid grid-cols-1 sm:grid-cols-2 gap-3 mb-6">
           {options.map((option) => (
             <button
               key={option}