diff --git a/lib/widgets/autocomplete.dart b/lib/widgets/autocomplete.dart
index 7b5284ef43..d0d604efab 100644
--- a/lib/widgets/autocomplete.dart
+++ b/lib/widgets/autocomplete.dart
@@ -501,20 +501,12 @@ class TopicAutocomplete extends AutocompleteField<TopicAutocompleteQuery, TopicA
 
     final designVariables = DesignVariables.of(context);
 
-    TextStyle style = TextStyle(
+    final style = TextStyle(
       fontSize: 17,
       height: 20 / 17,
+      color: designVariables.contextMenuItemLabel,
     ).merge(weightVariableTextStyle(context, wght: 500));
 
-    final String text;
-    if (option.topic.displayName == null) {
-      final store = PerAccountStoreWidget.of(context);
-      text = store.realmEmptyTopicDisplayName;
-      style = style.copyWith(fontStyle: FontStyle.italic);
-    } else {
-      text = option.topic.displayName!;
-    }
-
     return InkWell(
       onTap: () {
         _onTapOption(context, option);
@@ -529,10 +521,14 @@ class TopicAutocomplete extends AutocompleteField<TopicAutocompleteQuery, TopicA
           padding: const EdgeInsetsDirectional.fromSTEB(12, 2, 10, 2),
           child: Align(
             alignment: AlignmentDirectional.centerStart,
-            child: Text(
+            child: Text.rich(
+              topicLabelSpan(
+                context: context,
+                topic: option.topic,
+                fontSize: style.fontSize!,
+                color: style.color!),
               maxLines: 2,
               overflow: TextOverflow.ellipsis,
-              style: style,
-              text)))));
+              style: style)))));
   }
 }
diff --git a/lib/widgets/message_list.dart b/lib/widgets/message_list.dart
index 70242f5e61..8a77eeaf53 100644
--- a/lib/widgets/message_list.dart
+++ b/lib/widgets/message_list.dart
@@ -616,16 +616,21 @@ class MessageListAppBarTitle extends StatelessWidget {
   }) {
     final store = PerAccountStoreWidget.of(context);
     final designVariables = DesignVariables.of(context);
+    // (We customize titleTextStyle for Zulip; see zulipThemeData.)
+    final titleTextStyle = Theme.of(context).appBarTheme.titleTextStyle!;
     final icon = stream == null ? null
       : iconDataForTopicVisibilityPolicy(
           store.topicVisibilityPolicy(stream.streamId, topic));
     return Row(
       mainAxisSize: MainAxisSize.min,
       children: [
-        Flexible(child: Text(topic.displayName ?? store.realmEmptyTopicDisplayName, style: TextStyle(
-          fontSize: 13,
-          fontStyle: topic.displayName == null ? FontStyle.italic : null,
-        ).merge(weightVariableTextStyle(context)))),
+        Flexible(child: Text.rich(
+          topicLabelSpan(
+            context: context,
+            topic: topic,
+            fontSize: 13,
+            color: titleTextStyle.color!),
+          style: TextStyle(fontSize: 13).merge(weightVariableTextStyle(context)))),
         if (icon != null)
           Padding(
             padding: const EdgeInsetsDirectional.only(start: 4),
@@ -1906,18 +1911,22 @@ class StreamMessageRecipientHeader extends StatelessWidget {
           ]));
     }
 
+    final topicStyle = recipientHeaderTextStyle(context);
     final topicWidget = Padding(
       padding: const EdgeInsets.symmetric(vertical: 11),
       child: Row(
         children: [
           Flexible(
-            child: Text(topic.displayName ?? store.realmEmptyTopicDisplayName,
+            child: Text.rich(
+              topicLabelSpan(
+                context: context,
+                topic: topic,
+                fontSize: topicStyle.fontSize!,
+                color: topicStyle.color!),
               // TODO: Give a way to see the whole topic (maybe a
               //   long-press interaction?)
               overflow: TextOverflow.ellipsis,
-              style: recipientHeaderTextStyle(context,
-                fontStyle: topic.displayName == null ? FontStyle.italic : null,
-              ))),
+              style: topicStyle)),
           const SizedBox(width: 4),
           Icon(size: 14, color: designVariables.title.withFadedAlpha(0.5),
             // A null [Icon.icon] makes a blank space.
@@ -2015,13 +2024,12 @@ class DmRecipientHeader extends StatelessWidget {
   }
 }
 
-TextStyle recipientHeaderTextStyle(BuildContext context, {FontStyle? fontStyle}) {
+TextStyle recipientHeaderTextStyle(BuildContext context) {
   return TextStyle(
     color: DesignVariables.of(context).title,
     fontSize: 16,
     letterSpacing: proportionalLetterSpacing(context, 0.02, baseFontSize: 16),
     height: (18 / 16),
-    fontStyle: fontStyle,
   ).merge(weightVariableTextStyle(context, wght: 600));
 }
 
diff --git a/lib/widgets/text.dart b/lib/widgets/text.dart
index 74852e580a..fec94367c7 100644
--- a/lib/widgets/text.dart
+++ b/lib/widgets/text.dart
@@ -831,12 +831,49 @@ class InlineIcon extends StatelessWidget {
   }
 }
 
+/// An [InlineSpan] with a [ZulipIcons.check] icon (if resolved) and topic name.
+///
+/// Pass this to [Text.rich], which can be styled arbitrarily.
+/// Pass the [fontSize] and [color] of surrounding text
+/// so that the icons are sized and colored appropriately.
+///
+/// For a span with a channel name/icon and optional topic,
+/// see [channelTopicLabelSpan].
+InlineSpan topicLabelSpan({
+  required BuildContext context,
+  required TopicName topic,
+  required double fontSize,
+  required Color color,
+}) {
+  final store = PerAccountStoreWidget.of(context);
+  final baselineType = localizedTextBaseline(context);
+
+  return TextSpan(children: [
+    if (topic.isResolved)
+      InlineIcon.asWidgetSpan(
+        icon: ZulipIcons.check,
+        fontSize: fontSize,
+        baselineType: baselineType,
+        color: color,
+        padAfter: true),
+    if (topic.unresolve().displayName != null)
+      TextSpan(text: topic.unresolve().displayName)
+    else
+      TextSpan(
+        style: TextStyle(fontStyle: FontStyle.italic),
+        text: store.realmEmptyTopicDisplayName),
+  ]);
+}
+
 /// An [InlineSpan] with a channel privacy icon, channel name,
 /// and optionally a chevron-right icon plus topic.
 ///
 /// Pass this to [Text.rich], which can be styled arbitrarily.
 /// Pass the [fontSize] and [color] of surrounding text
 /// so that the icons are sized and colored appropriately.
+///
+/// For a span with just the topic (including checkmark icon as applicable)
+/// see [topicLabelSpan].
 InlineSpan channelTopicLabelSpan({
   required BuildContext context,
   required int channelId,
@@ -874,12 +911,11 @@ InlineSpan channelTopicLabelSpan({
         color: color,
         padBefore: true,
         padAfter: true),
-      if (topic.displayName != null)
-        TextSpan(text: topic.displayName)
-      else
-        TextSpan(
-          style: TextStyle(fontStyle: FontStyle.italic),
-          text: store.realmEmptyTopicDisplayName),
+      topicLabelSpan(
+        context: context,
+        topic: topic,
+        fontSize: fontSize,
+        color: color),
     ],
   ]);
 }
diff --git a/test/widgets/action_sheet_test.dart b/test/widgets/action_sheet_test.dart
index 769f124907..689e1a5c6a 100644
--- a/test/widgets/action_sheet_test.dart
+++ b/test/widgets/action_sheet_test.dart
@@ -875,8 +875,9 @@ void main() {
 
       final topicRow = find.descendant(
         of: find.byType(ZulipAppBar),
-        matching: find.text(
-          effectiveTopic.displayName ?? eg.defaultRealmEmptyTopicDisplayName));
+        matching: find.textContaining(
+          effectiveTopic.unresolve().displayName ?? eg.defaultRealmEmptyTopicDisplayName,
+          findRichText: true));
       await tester.longPress(topicRow);
       // sheet appears onscreen; default duration of bottom-sheet enter animation
       await tester.pump(const Duration(milliseconds: 250));
@@ -896,7 +897,9 @@ void main() {
 
       await tester.longPress(find.descendant(
         of: find.byType(RecipientHeader),
-        matching: find.text(effectiveMessage.topic.displayName!)));
+        matching: find.textContaining(
+          effectiveMessage.topic.unresolve().displayName!,
+          findRichText: true)));
       // sheet appears onscreen; default duration of bottom-sheet enter animation
       await tester.pump(const Duration(milliseconds: 250));
     }
diff --git a/test/widgets/autocomplete_test.dart b/test/widgets/autocomplete_test.dart
index b95a8ec479..73a6f81fa3 100644
--- a/test/widgets/autocomplete_test.dart
+++ b/test/widgets/autocomplete_test.dart
@@ -19,6 +19,7 @@ import 'package:zulip/widgets/compose_box.dart';
 import 'package:zulip/widgets/icons.dart';
 import 'package:zulip/widgets/image.dart';
 import 'package:zulip/widgets/message_list.dart';
+import 'package:zulip/widgets/text.dart';
 import 'package:zulip/widgets/user.dart';
 
 import '../api/fake_api.dart';
@@ -690,6 +691,25 @@ void main() {
       check(find.text('general chat')).findsOne();
     });
 
+    testWidgets('show resolved-topic check icon', (tester) async {
+      final topic = eg.getChannelTopicsEntry(name: '✔ some topic');
+      final topicInputFinder = await setupToTopicInput(tester, topics: [topic]);
+
+      // TODO(#226): Remove this extra edit when this bug is fixed.
+      await tester.enterText(topicInputFinder, 'some');
+      await tester.enterText(topicInputFinder, 'some t');
+      await tester.pumpAndSettle();
+
+      final itemFinder = find.ancestor(
+        of: find.textContaining('some topic', findRichText: true),
+        matching: find.byType(InkWell));
+      check(find.descendant(of: itemFinder,
+        matching: find.byWidgetPredicate(
+          (w) => w is InlineIcon && w.icon == ZulipIcons.check))).findsOne();
+      check(find.descendant(of: itemFinder,
+        matching: find.textContaining('✔', findRichText: true))).findsNothing();
+    });
+
     testWidgets('autocomplete to realmEmptyTopicDisplayName sets topic to empty string', (tester) async {
       final topic = eg.getChannelTopicsEntry(name: '');
       final topicInputFinder = await setupToTopicInput(tester, topics: [topic],
diff --git a/test/widgets/message_list_test.dart b/test/widgets/message_list_test.dart
index 92c3d2c3e7..ab12d45e99 100644
--- a/test/widgets/message_list_test.dart
+++ b/test/widgets/message_list_test.dart
@@ -35,6 +35,7 @@ import 'package:zulip/widgets/image.dart';
 import 'package:zulip/widgets/message_list.dart';
 import 'package:zulip/widgets/page.dart';
 import 'package:zulip/widgets/store.dart';
+import 'package:zulip/widgets/text.dart';
 import 'package:zulip/widgets/channel_colors.dart';
 import 'package:zulip/widgets/theme.dart';
 import 'package:zulip/widgets/topic_list.dart';
@@ -251,6 +252,22 @@ void main() {
         channel.name, eg.defaultRealmEmptyTopicDisplayName);
     });
 
+    testWidgets('show resolved-topic check icon in topic narrow', (tester) async {
+      final channel = eg.stream();
+      await setupMessageListPage(tester,
+        narrow: eg.topicNarrow(channel.streamId, '✔ some topic'),
+        subscriptions: [eg.subscription(channel)],
+        messages: [eg.streamMessage(stream: channel, topic: '✔ some topic')]);
+      final appBarFinder = find.byType(MessageListAppBarTitle);
+      check(find.descendant(of: appBarFinder,
+        matching: find.byWidgetPredicate(
+          (w) => w is InlineIcon && w.icon == ZulipIcons.check))).findsOne();
+      check(find.descendant(of: appBarFinder,
+        matching: find.textContaining('some topic', findRichText: true))).findsOne();
+      check(find.descendant(of: appBarFinder,
+        matching: find.textContaining('✔', findRichText: true))).findsNothing();
+    });
+
     void testChannelIconInChannelRow(IconData expectedIcon, {
       required bool isWebPublic,
       required bool inviteOnly,
@@ -1799,6 +1816,23 @@ void main() {
         check(findInMessageList(eg.defaultRealmEmptyTopicDisplayName)).single;
       });
 
+      testWidgets('show resolved-topic check icon', (tester) async {
+        final message = eg.streamMessage(
+          stream: stream, topic: '✔ some topic');
+        await setupMessageListPage(tester,
+          narrow: const CombinedFeedNarrow(),
+          messages: [message], subscriptions: [eg.subscription(stream)]);
+        await tester.pump();
+        final headerFinder = find.byType(StreamMessageRecipientHeader);
+        check(find.descendant(of: headerFinder,
+          matching: find.byWidgetPredicate(
+            (w) => w is InlineIcon && w.icon == ZulipIcons.check))).findsOne();
+        check(find.descendant(of: headerFinder,
+          matching: find.textContaining('some topic', findRichText: true))).findsOne();
+        check(find.descendant(of: headerFinder,
+          matching: find.textContaining('✔', findRichText: true))).findsNothing();
+      });
+
       testWidgets('show topic visibility icon when followed', (tester) async {
         await setupMessageListPage(tester,
           narrow: const CombinedFeedNarrow(),
diff --git a/test/widgets/text_test.dart b/test/widgets/text_test.dart
index d76eb48023..824b24debf 100644
--- a/test/widgets/text_test.dart
+++ b/test/widgets/text_test.dart
@@ -3,8 +3,11 @@ import 'package:collection/collection.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_checks/flutter_checks.dart';
 import 'package:flutter_test/flutter_test.dart';
+import 'package:zulip/api/model/model.dart';
+import 'package:zulip/widgets/icons.dart';
 import 'package:zulip/widgets/text.dart';
 
+import '../example_data.dart' as eg;
 import '../flutter_checks.dart';
 import '../model/binding.dart';
 import 'test_app.dart';
@@ -420,6 +423,101 @@ void main() {
     testLocalizedTextBaseline(const Locale('und'), TextBaseline.alphabetic);
   });
 
+  group('topicLabelSpan', () {
+    Future<void> prepareWidget(WidgetTester tester, {
+      required TopicName topic,
+      String? realmEmptyTopicDisplayName,
+    }) async {
+      addTearDown(testBinding.reset);
+      await testBinding.globalStore.add(eg.selfAccount, eg.initialSnapshot(
+        realmEmptyTopicDisplayName: realmEmptyTopicDisplayName));
+
+      await tester.pumpWidget(TestZulipApp(accountId: eg.selfAccount.id,
+        child: Builder(builder: (context) => Text.rich(
+          topicLabelSpan(
+            context: context,
+            topic: topic,
+            fontSize: 17,
+            color: Colors.black)))));
+      await tester.pump(); // global store
+      await tester.pump(); // per-account store
+    }
+
+    Finder findCheckIcon() => find.byWidgetPredicate(
+      (w) => w is InlineIcon && w.icon == ZulipIcons.check);
+
+    testWidgets('resolved topic shows checkmark and strips prefix', (tester) async {
+      await prepareWidget(tester, topic: eg.t('✔ some topic'));
+      check(findCheckIcon()).findsOne();
+      check(find.textContaining('some topic', findRichText: true)).findsOne();
+      check(find.textContaining('✔', findRichText: true)).findsNothing();
+    });
+
+    testWidgets('unresolved topic shows no checkmark', (tester) async {
+      await prepareWidget(tester, topic: eg.t('some topic'));
+      check(findCheckIcon()).findsNothing();
+      check(find.textContaining('some topic', findRichText: true)).findsOne();
+    });
+
+    testWidgets('empty topic shows italic placeholder', (tester) async {
+      await prepareWidget(tester, topic: eg.t(''),
+        realmEmptyTopicDisplayName: 'general chat');
+      check(find.textContaining('general chat', findRichText: true)).findsOne();
+
+      FontStyle? italicFontStyle;
+      final richText = tester.widget<RichText>(
+        find.textContaining('general chat', findRichText: true));
+      richText.text.visitChildren((span) {
+        if (span is TextSpan && span.text == 'general chat') {
+          italicFontStyle = span.style?.fontStyle;
+          return false;
+        }
+        return true;
+      });
+      check(italicFontStyle).equals(FontStyle.italic);
+    });
+  });
+
+  group('channelTopicLabelSpan', () {
+    final channel = eg.stream();
+
+    Future<void> prepareWidget(WidgetTester tester, {
+      required TopicName topic,
+    }) async {
+      addTearDown(testBinding.reset);
+      await testBinding.globalStore.add(eg.selfAccount, eg.initialSnapshot(
+        streams: [channel],
+        subscriptions: [eg.subscription(channel)]));
+
+      await tester.pumpWidget(TestZulipApp(accountId: eg.selfAccount.id,
+        child: Builder(builder: (context) => Text.rich(
+          channelTopicLabelSpan(
+            context: context,
+            channelId: channel.streamId,
+            topic: topic,
+            fontSize: 17,
+            color: Colors.black)))));
+      await tester.pump(); // global store
+      await tester.pump(); // per-account store
+    }
+
+    Finder findCheckIcon() => find.byWidgetPredicate(
+      (w) => w is InlineIcon && w.icon == ZulipIcons.check);
+
+    testWidgets('resolved topic shows checkmark and strips prefix', (tester) async {
+      await prepareWidget(tester, topic: eg.t('✔ some topic'));
+      check(findCheckIcon()).findsOne();
+      check(find.textContaining('some topic', findRichText: true)).findsOne();
+      check(find.textContaining('✔', findRichText: true)).findsNothing();
+    });
+
+    testWidgets('unresolved topic shows no checkmark', (tester) async {
+      await prepareWidget(tester, topic: eg.t('some topic'));
+      check(findCheckIcon()).findsNothing();
+      check(find.textContaining('some topic', findRichText: true)).findsOne();
+    });
+  });
+
   group('TextWithLink', () {
     testWidgets('responds correctly to taps', (tester) async {
       int calls = 0;