diff --git a/lib/pangea/analytics_details_popup/morph_details_view.dart b/lib/pangea/analytics_details_popup/morph_details_view.dart
index 6b22469a7..ddfe948d4 100644
--- a/lib/pangea/analytics_details_popup/morph_details_view.dart
+++ b/lib/pangea/analytics_details_popup/morph_details_view.dart
@@ -1,10 +1,10 @@
 import 'package:flutter/material.dart';
 
 import 'package:fluffychat/pangea/analytics_details_popup/analytics_details_usage_content.dart';
+import 'package:fluffychat/pangea/analytics_details_popup/construct_xp_progress_bar.dart';
 import 'package:fluffychat/pangea/analytics_details_popup/morph_meaning_widget.dart';
 import 'package:fluffychat/pangea/constructs/construct_identifier.dart';
 import 'package:fluffychat/pangea/constructs/construct_level_enum.dart';
-import 'package:fluffychat/pangea/lemmas/construct_xp_widget.dart';
 import 'package:fluffychat/pangea/morphs/morph_feature_display.dart';
 import 'package:fluffychat/pangea/morphs/morph_features_enum.dart';
 import 'package:fluffychat/pangea/morphs/morph_tag_display.dart';
@@ -54,11 +54,7 @@ class MorphDetailsView extends StatelessWidget {
               ),
               const Divider(),
               if (construct != null) ...[
-                ConstructXpWidget(
-                  icon: construct.lemmaCategory.icon(30.0),
-                  level: construct.lemmaCategory,
-                  points: construct.points,
-                ),
+                ConstructXPProgressBar(construct: construct.id),
                 Padding(
                   padding: const EdgeInsets.all(20.0),
                   child: AnalyticsDetailsUsageContent(
diff --git a/lib/pangea/lemmas/construct_xp_widget.dart b/lib/pangea/lemmas/construct_xp_widget.dart
deleted file mode 100644
index 093c33806..000000000
--- a/lib/pangea/lemmas/construct_xp_widget.dart
+++ /dev/null
@@ -1,37 +0,0 @@
-import 'package:flutter/material.dart';
-
-import 'package:fluffychat/pangea/constructs/construct_level_enum.dart';
-
-class ConstructXpWidget extends StatelessWidget {
-  final ConstructLevelEnum level;
-  final int points;
-  final Widget icon;
-
-  const ConstructXpWidget({
-    super.key,
-    required this.level,
-    required this.points,
-    required this.icon,
-  });
-
-  @override
-  Widget build(BuildContext context) {
-    final Color textColor = Theme.of(context).brightness != Brightness.light
-        ? level.color(context)
-        : level.darkColor(context);
-
-    return Row(
-      spacing: 16.0,
-      mainAxisAlignment: MainAxisAlignment.center,
-      children: [
-        icon,
-        Text(
-          "$points XP",
-          style: Theme.of(context).textTheme.titleMedium?.copyWith(
-                color: textColor,
-              ),
-        ),
-      ],
-    );
-  }
-}