diff --git a/client/src/components/ui/ItPersonRow.vue b/client/src/components/ui/ItPersonRow.vue
index addb6356..c7383606 100644
--- a/client/src/components/ui/ItPersonRow.vue
+++ b/client/src/components/ui/ItPersonRow.vue
@@ -17,10 +17,14 @@ const props = withDefaults(defineProps<Props>(), {
     <template #firstRow>
       <slot name="leading"></slot>
       <img class="mr-2 h-11 w-11 rounded-full" :src="props.avatarUrl" />
-      <p class="text-bold lg:leading-[45px]">
-        {{ props.name }}
-        <span v-if="props.extraInfo" class="font-normal">{{ props.extraInfo }}</span>
-      </p>
+      <div :class="props.extraInfo ? 'leading-5' : ''">
+        <p class="text-bold" :class="props.extraInfo ? '' : 'lg:leading-[45px]'">
+          {{ props.name }}
+        </p>
+        <p v-if="props.extraInfo" class="font-normal" data-cy="extra-info">
+          {{ props.extraInfo }}
+        </p>
+      </div>
     </template>
     <template #center>
       <slot name="center"></slot>
diff --git a/client/src/pages/cockpit/attendanceCheckPage/AttendanceCheckPage.vue b/client/src/pages/cockpit/attendanceCheckPage/AttendanceCheckPage.vue
index 198a2d30..9f6d6e94 100644
--- a/client/src/pages/cockpit/attendanceCheckPage/AttendanceCheckPage.vue
+++ b/client/src/pages/cockpit/attendanceCheckPage/AttendanceCheckPage.vue
@@ -225,7 +225,7 @@ watch(
               :avatar-url="csu.avatar_url"
               :class="0 === index ? 'border-none' : ''"
               :extra-info="
-                csu.optional_attendance ? `(${$t('a.Optionale Anwesenheit')})` : ''
+                csu.optional_attendance ? `${$t('a.Optionale Anwesenheit')}` : ''
               "
             >
               <template #leading>
diff --git a/client/src/pages/userProfile/UserProfilePage.vue b/client/src/pages/userProfile/UserProfilePage.vue
index d21cfd0f..cf27137e 100644
--- a/client/src/pages/userProfile/UserProfilePage.vue
+++ b/client/src/pages/userProfile/UserProfilePage.vue
@@ -55,8 +55,8 @@ onMounted(() => {
             <p class="mb-2">{{ user.email }}</p>
             <p class="text-gray-800">
               {{ $t("a.Teilnehmer") }}
-              <span v-if="user.optional_attendance">
-                ({{ $t("a.Optionale Anwesenheit") }})
+              <span v-if="user.optional_attendance" data-cy="optional-attendance">
+                {{ $t("a.Optionale Anwesenheit") }}
               </span>
             </p>
           </div>
diff --git a/cypress/e2e/cockpit/cockpitAttendaceCheck.cy.js b/cypress/e2e/cockpit/cockpitAttendaceCheck.cy.js
new file mode 100644
index 00000000..81f0eed9
--- /dev/null
+++ b/cypress/e2e/cockpit/cockpitAttendaceCheck.cy.js
@@ -0,0 +1,11 @@
+import { login } from "../helpers";
+
+describe("cockpitAttendaceCheck.cy.js", () => {
+  it("will display optional participants", () => {
+    cy.manageCommand("cypress_reset --set-optional-attendance-flag");
+    login("test-trainer1@example.com", "test");
+    cy.visit("/course/test-lehrgang/cockpit/attendance");
+
+    cy.get('[data-cy="extra-info"]').should("contain", "Optionale Anwesenheit");
+  });
+});
diff --git a/cypress/e2e/publicProfile/publicProfileAttendance.cy.js b/cypress/e2e/publicProfile/publicProfileAttendance.cy.js
new file mode 100644
index 00000000..2abd72e1
--- /dev/null
+++ b/cypress/e2e/publicProfile/publicProfileAttendance.cy.js
@@ -0,0 +1,17 @@
+import { login } from "../helpers";
+import { TEST_STUDENT1_USER_ID } from "../../consts";
+
+describe("publicProfileAttendance.cy.js", () => {
+  it("will display optional attendance", () => {
+    cy.manageCommand("cypress_reset --set-optional-attendance-flag");
+    login("test-trainer1@example.com", "test");
+    cy.visit(
+      `course/test-lehrgang/profile/${TEST_STUDENT1_USER_ID}/learning-path`,
+    );
+
+    cy.get('[data-cy="optional-attendance"]').should(
+      "contain",
+      "Optionale Anwesenheit",
+    );
+  });
+});
diff --git a/server/vbv_lernwelt/api/tests/test_profile.py b/server/vbv_lernwelt/api/tests/test_profile.py
index bb8c3206..b5b68f70 100644
--- a/server/vbv_lernwelt/api/tests/test_profile.py
+++ b/server/vbv_lernwelt/api/tests/test_profile.py
@@ -71,5 +71,6 @@ class ProfileViewTest(APITestCase):
                 "organisation_postal_code": "",
                 "organisation_city": "",
                 "organisation_country": None,
+                "optional_attendance": False,
             },
         )
diff --git a/server/vbv_lernwelt/core/management/commands/cypress_reset.py b/server/vbv_lernwelt/core/management/commands/cypress_reset.py
index 1a02a343..38c38c9c 100644
--- a/server/vbv_lernwelt/core/management/commands/cypress_reset.py
+++ b/server/vbv_lernwelt/core/management/commands/cypress_reset.py
@@ -120,6 +120,11 @@ from vbv_lernwelt.shop.models import CheckoutInformation
     default=False,
     help="Will set only the is_vv flag for the test course and enable learning mentors for the course",
 )
+@click.option(
+    "--set-optional-attendance-flag/--no-optional-attendance-flag",
+    default=False,
+    help="Will set the optional attendance flag for the test-student1@example.com",
+)
 def command(
     create_assignment_completion,
     create_assignment_evaluation,
@@ -133,6 +138,7 @@ def command(
     create_learning_mentor,
     set_only_is_uk_flag,
     set_only_is_vv_flag,
+    set_optional_attendance_flag,
 ):
     print("cypress reset data")
     CourseCompletion.objects.all().delete()
@@ -478,4 +484,17 @@ def command(
             course.configuration.is_uk = False
             course.configuration.enable_learning_mentor = False
 
+    if set_optional_attendance_flag:
+        course_session_user = CourseSessionUser.objects.get(
+            user__id=TEST_STUDENT1_USER_ID
+        )
+        course_session_user.optional_attendance = True
+        course_session_user.save()
+    else:
+        course_session_user = CourseSessionUser.objects.get(
+            user_id=TEST_STUDENT1_USER_ID
+        )
+        course_session_user.optional_attendance = False
+        course_session_user.save()
+
     course.configuration.save()