diff --git a/change-beta/@azure-communication-react-d8ba7749-9ddc-42f0-b17b-50765eeca2c8.json b/change-beta/@azure-communication-react-d8ba7749-9ddc-42f0-b17b-50765eeca2c8.json
new file mode 100644
index 00000000000..c7e74782ca2
--- /dev/null
+++ b/change-beta/@azure-communication-react-d8ba7749-9ddc-42f0-b17b-50765eeca2c8.json
@@ -0,0 +1,9 @@
+{
+  "type": "patch",
+  "area": "fix",
+  "workstream": "Hard mute",
+  "comment": "Fix condition compile for hard mute.",
+  "packageName": "@azure/communication-react",
+  "email": "fuyan@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@azure-communication-react-d8ba7749-9ddc-42f0-b17b-50765eeca2c8.json b/change/@azure-communication-react-d8ba7749-9ddc-42f0-b17b-50765eeca2c8.json
new file mode 100644
index 00000000000..c7e74782ca2
--- /dev/null
+++ b/change/@azure-communication-react-d8ba7749-9ddc-42f0-b17b-50765eeca2c8.json
@@ -0,0 +1,9 @@
+{
+  "type": "patch",
+  "area": "fix",
+  "workstream": "Hard mute",
+  "comment": "Fix condition compile for hard mute.",
+  "packageName": "@azure/communication-react",
+  "email": "fuyan@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/react-components/src/components/ParticipantItem.tsx b/packages/react-components/src/components/ParticipantItem.tsx
index 439c862adeb..8c234baa931 100644
--- a/packages/react-components/src/components/ParticipantItem.tsx
+++ b/packages/react-components/src/components/ParticipantItem.tsx
@@ -80,8 +80,8 @@ export interface ParticipantItemStrings {
   attendeeRole: string;
   /* @conditional-compile-remove(media-access) */
   /** Label for the disabled microphone icon in participant state stack  */
-  /* @conditional-compile-remove(media-access) */
   micDisabledIconLabel: string;
+  /* @conditional-compile-remove(media-access) */
   /** Label for the disabled camera icon in participant state stack  */
   cameraDisabledIconLabel: string;
 }
diff --git a/packages/react-components/src/components/VideoGallery.tsx b/packages/react-components/src/components/VideoGallery.tsx
index d4943566f5a..aac6f5bd873 100644
--- a/packages/react-components/src/components/VideoGallery.tsx
+++ b/packages/react-components/src/components/VideoGallery.tsx
@@ -315,22 +315,22 @@ export interface VideoGalleryProps {
   onMuteParticipant?: (userId: string) => Promise<void>;
   /* @conditional-compile-remove(media-access) */
   /**
-   * This callback is to forbid audio for a remote participant(s)
+   * This callback is to forbid audio for remote participant(s)
    */
   onForbidAudio?: (userIds: string[]) => Promise<void>;
   /* @conditional-compile-remove(media-access) */
   /**
-   * This callback is to permit audio for a remote participant(s)
+   * This callback is to permit audio for remote participant(s)
    */
   onPermitAudio?: (userIds: string[]) => Promise<void>;
   /* @conditional-compile-remove(media-access) */
   /**
-   * This callback is to forbid video for a remote participant(s)
+   * This callback is to forbid video for remote participant(s)
    */
   onForbidVideo?: (userIds: string[]) => Promise<void>;
   /* @conditional-compile-remove(media-access) */
   /**
-   * This callback is to permit video for a remote participant(s)
+   * This callback is to permit video for remote participant(s)
    */
   onPermitVideo?: (userIds: string[]) => Promise<void>;
 }