diff --git a/lib/music_library_web/components/core_components.ex b/lib/music_library_web/components/core_components.ex
index 3684454d..6c9a5113 100644
--- a/lib/music_library_web/components/core_components.ex
+++ b/lib/music_library_web/components/core_components.ex
@@ -642,6 +642,55 @@ defmodule MusicLibraryWeb.CoreComponents do
     """
   end
 
+  attr :color, :atom, values: [:green, :yellow, :gray], required: true
+  attr :text, :string, required: true
+
+  def badge(assigns) do
+    case assigns.color do
+      :green ->
+        ~H"""
+        <span class={[
+          "inline-flex items-center rounded-md",
+          "px-2 py-1 text-xs font-medium",
+          "ring-1 ring-inset",
+          "bg-green-50 dark:bg-green-500/10",
+          "text-green-700 dark:text-green-400",
+          "ring-green-600/20 dark:ring-green-500/20"
+        ]}>
+          {@text}
+        </span>
+        """
+
+      :yellow ->
+        ~H"""
+        <span class={[
+          "inline-flex items-center rounded-md",
+          "px-2 py-1 text-xs font-medium",
+          "ring-1 ring-inset",
+          "bg-yellow-50 dark:bg-yellow-400/10",
+          "text-yellow-800 dark:text-yellow-500",
+          "ring-yellow-600/20 dark:ring-yellow-400/20"
+        ]}>
+          {@text}
+        </span>
+        """
+
+      :gray ->
+        ~H"""
+        <span class={[
+          "inline-flex items-center rounded-md",
+          "px-2 py-1 text-xs font-medium",
+          "ring-1 ring-inset",
+          "bg-zinc-50 dark:bg-zinc-500/10",
+          "text-zinc-700 dark:text-zinc-400",
+          "ring-zinc-600/20 dark:ring-zinc-500/20"
+        ]}>
+          {@text}
+        </span>
+        """
+    end
+  end
+
   ## JS Commands
 
   def show(js \\ %JS{}, selector) do
diff --git a/lib/music_library_web/live/stats_live/data_components.ex b/lib/music_library_web/live/stats_live/data_components.ex
index f2c96965..5aae9624 100644
--- a/lib/music_library_web/live/stats_live/data_components.ex
+++ b/lib/music_library_web/live/stats_live/data_components.ex
@@ -65,53 +65,4 @@ defmodule MusicLibraryWeb.StatsLive.DataComponents do
     </div>
     """
   end
-
-  attr :color, :atom, values: [:green, :yellow, :gray], required: true
-  attr :text, :string, required: true
-
-  def badge(assigns) do
-    case assigns.color do
-      :green ->
-        ~H"""
-        <span class={[
-          "inline-flex items-center rounded-md",
-          "px-2 py-1 text-xs font-medium",
-          "ring-1 ring-inset",
-          "bg-green-50 dark:bg-green-500/10",
-          "text-green-700 dark:text-green-400",
-          "ring-green-600/20 dark:ring-green-500/20"
-        ]}>
-          {@text}
-        </span>
-        """
-
-      :yellow ->
-        ~H"""
-        <span class={[
-          "inline-flex items-center rounded-md",
-          "px-2 py-1 text-xs font-medium",
-          "ring-1 ring-inset",
-          "bg-yellow-50 dark:bg-yellow-400/10",
-          "text-yellow-800 dark:text-yellow-500",
-          "ring-yellow-600/20 dark:ring-yellow-400/20"
-        ]}>
-          {@text}
-        </span>
-        """
-
-      :gray ->
-        ~H"""
-        <span class={[
-          "inline-flex items-center rounded-md",
-          "px-2 py-1 text-xs font-medium",
-          "ring-1 ring-inset",
-          "bg-zinc-50 dark:bg-zinc-500/10",
-          "text-zinc-700 dark:text-zinc-400",
-          "ring-zinc-600/20 dark:ring-zinc-500/20"
-        ]}>
-          {@text}
-        </span>
-        """
-    end
-  end
 end