diff --git a/frontend/app/learn/page.tsx b/frontend/app/learn/page.tsx
index 976f232..62f3f0e 100644
--- a/frontend/app/learn/page.tsx
+++ b/frontend/app/learn/page.tsx
@@ -270,7 +270,7 @@ export default function LearnPage() {
                   setReportingCard(currentCard)
                   setShowReportModal(true)
                 }}
-                className="text-red-500 hover:text-red-600 text-sm flex items-center gap-1"
+                className="text-gray-500 hover:text-gray-600 text-sm flex items-center gap-1"
                 title="回報錯誤"
               >
                 <svg className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
@@ -325,8 +325,8 @@ export default function LearnPage() {
 
                 {/* Back of card */}
                 <div
-                  className="absolute w-full h-full bg-white rounded-2xl shadow-xl p-8 overflow-y-auto"
-                  style={{ 
+                  className="absolute w-full h-full bg-white rounded-2xl shadow-xl p-8"
+                  style={{
                     backfaceVisibility: 'hidden',
                     transform: 'rotateY(180deg)'
                   }}
@@ -407,7 +407,7 @@ export default function LearnPage() {
                   setReportingCard(currentCard)
                   setShowReportModal(true)
                 }}
-                className="text-red-500 hover:text-red-600 text-sm flex items-center gap-1"
+                className="text-gray-500 hover:text-gray-600 text-sm flex items-center gap-1"
                 title="回報錯誤"
               >
                 <svg className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
@@ -481,7 +481,7 @@ export default function LearnPage() {
                   setReportingCard(currentCard)
                   setShowReportModal(true)
                 }}
-                className="text-red-500 hover:text-red-600 text-sm flex items-center gap-1"
+                className="text-gray-500 hover:text-gray-600 text-sm flex items-center gap-1"
                 title="回報錯誤"
               >
                 <svg className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
@@ -619,7 +619,7 @@ export default function LearnPage() {
                   setReportingCard(currentCard)
                   setShowReportModal(true)
                 }}
-                className="text-red-500 hover:text-red-600 text-sm flex items-center gap-1"
+                className="text-gray-500 hover:text-gray-600 text-sm flex items-center gap-1"
                 title="回報錯誤"
               >
                 <svg className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
@@ -696,7 +696,7 @@ export default function LearnPage() {
                   setReportingCard(currentCard)
                   setShowReportModal(true)
                 }}
-                className="text-red-500 hover:text-red-600 text-sm flex items-center gap-1"
+                className="text-gray-500 hover:text-gray-600 text-sm flex items-center gap-1"
                 title="回報錯誤"
               >
                 <svg className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">