diff --git a/solution/ui/regulations/eregs-vite/src/components/subjects/SelectedSubjectChip.test.js b/solution/ui/regulations/eregs-vite/src/components/subjects/SelectedSubjectChip.test.js
index 6876399ce..d8956f93e 100644
--- a/solution/ui/regulations/eregs-vite/src/components/subjects/SelectedSubjectChip.test.js
+++ b/solution/ui/regulations/eregs-vite/src/components/subjects/SelectedSubjectChip.test.js
@@ -3,6 +3,22 @@ import { describe, it, expect } from "vitest";
 import SelectedSubjectChip from "./SelectedSubjectChip.vue";
 
 describe("SelectedSubjectChip", () => {
+    it("gets the correct Button Text classes", () => {
+        const parent1 = "subjects";
+        expect(SelectedSubjectChip.getButtonTextClasses(parent1)).toStrictEqual(
+            {
+                "subjects-li__button-text--sidebar": true,
+            }
+        );
+
+        const parent2 = "search";
+        expect(SelectedSubjectChip.getButtonTextClasses(parent2)).toStrictEqual(
+            {
+                "subjects-li__button-text--sidebar": false,
+            }
+        );
+    });
+
     it("returns the correct display count", () => {
         const subject1 = {
             count: 1,
diff --git a/solution/ui/regulations/eregs-vite/src/components/subjects/SelectedSubjectChip.vue b/solution/ui/regulations/eregs-vite/src/components/subjects/SelectedSubjectChip.vue
index 4364de342..4455fec8b 100644
--- a/solution/ui/regulations/eregs-vite/src/components/subjects/SelectedSubjectChip.vue
+++ b/solution/ui/regulations/eregs-vite/src/components/subjects/SelectedSubjectChip.vue
@@ -1,4 +1,10 @@
 <script>
+const getButtonTextClasses = (parent) => {
+    return {
+        "subjects-li__button-text--sidebar": parent === "subjects",
+    };
+};
+
 const getCount = (subject) => {
     if (subject.count) {
         return subject.count;
@@ -21,6 +27,7 @@ const getDisplayCount = (subject) => {
 };
 
 export default {
+    getButtonTextClasses,
     getCount,
     getDisplayCount,
 };
@@ -40,9 +47,7 @@ const props = defineProps({
 
 const parent = inject("parent");
 
-const buttonTextClasses = computed(() => ({
-    "subjects-li__button-text--sidebar": parent === "subjects",
-}));
+const buttonTextClasses = computed(() => getButtonTextClasses(parent));
 </script>
 
 <template>