diff --git a/studio-v2/components/learn/FlashCard.tsx b/studio-v2/components/learn/FlashCard.tsx
index 0bc42fb..36dcbef 100644
--- a/studio-v2/components/learn/FlashCard.tsx
+++ b/studio-v2/components/learn/FlashCard.tsx
@@ -103,9 +103,14 @@ export function FlashCard({
             <span className={`text-xs font-medium mb-4 ${isDark ? 'text-blue-300/60' : 'text-blue-500'}`}>
               DEUTSCH
             </span>
-            <span className={`text-3xl font-bold text-center ${isDark ? 'text-white' : 'text-slate-900'}`}>
-              {back}
-            </span>
+            {syllablesBack && syllablesBack.length > 0 ? (
+              <SyllableBow word={back} syllables={syllablesBack} isDark={isDark} size="md" />
+            ) : (
+              <span className={`text-3xl font-bold text-center ${isDark ? 'text-white' : 'text-slate-900'}`}>
+                {back}
+              </span>
+            )}
+            {ipaBack && <span className={`text-sm mt-2 ${isDark ? 'text-blue-300/40' : 'text-blue-400'}`}>{ipaBack}</span>}
           </div>
         </div>
       </div>