diff --git a/frontend/src/components/shared/FileDropdownMenu.tsx b/frontend/src/components/shared/FileDropdownMenu.tsx
index f36b60327..4b24d6584 100644
--- a/frontend/src/components/shared/FileDropdownMenu.tsx
+++ b/frontend/src/components/shared/FileDropdownMenu.tsx
@@ -25,17 +25,17 @@ export const FileDropdownMenu: React.FC<FileDropdownMenuProps> = ({
   return (
     <Menu trigger="click" position="bottom" width="30rem">
       <Menu.Target>
-        <div style={{...viewOptionStyle, cursor: 'pointer'}}>
+        <div className="ph-no-capture" style={{...viewOptionStyle, cursor: 'pointer'}}>
           {switchingTo === "viewer" ? (
             <Loader size="xs" />
           ) : (
             <VisibilityIcon fontSize="small" />
           )}
-          <FitText text={displayName} fontSize={14} minimumFontScale={0.6} />
+          <FitText className="ph-no-capture" text={displayName} fontSize={14} minimumFontScale={0.6} />
           <KeyboardArrowDownIcon fontSize="small" />
         </div>
       </Menu.Target>
-      <Menu.Dropdown style={{
+      <Menu.Dropdown className="ph-no-capture" style={{
         backgroundColor: 'var(--right-rail-bg)',
         border: '1px solid var(--border-subtle)',
         borderRadius: '8px',
@@ -53,7 +53,7 @@ export const FileDropdownMenu: React.FC<FileDropdownMenuProps> = ({
                 e.stopPropagation();
                 onFileSelect?.(index);
               }}
-              className="viewer-file-tab"
+              className="viewer-file-tab ph-no-capture"
               {...(isActive && { 'data-active': true })}
               style={{
                 justifyContent: 'flex-start',
@@ -61,10 +61,10 @@ export const FileDropdownMenu: React.FC<FileDropdownMenuProps> = ({
             >
               <Group gap="xs" style={{ width: '100%', justifyContent: 'space-between' }}>
                 <div style={{ flex: 1, textAlign: 'left', minWidth: 0 }}>
-                  <FitText text={itemName} fontSize={14} minimumFontScale={0.7} />
+                  <FitText className="ph-no-capture" text={itemName} fontSize={14} minimumFontScale={0.7} />
                 </div>
                 {file.versionNumber && file.versionNumber > 1 && (
-                  <Text size="xs" c="dimmed">
+                  <Text size="xs" c="dimmed" className="ph-no-capture">
                     v{file.versionNumber}
                   </Text>
                 )}
diff --git a/frontend/src/components/shared/PageEditorFileDropdown.tsx b/frontend/src/components/shared/PageEditorFileDropdown.tsx
index 751c8b2b3..9d15af93f 100644
--- a/frontend/src/components/shared/PageEditorFileDropdown.tsx
+++ b/frontend/src/components/shared/PageEditorFileDropdown.tsx
@@ -222,10 +222,10 @@ const FileMenuItem: React.FC<FileMenuItemProps> = ({
             size="sm"
           />
           <div style={{ flex: 1, textAlign: 'left', minWidth: 0 }}>
-            <FitText text={itemName} fontSize={14} minimumFontScale={0.7} />
+            <FitText className="ph-no-capture" text={itemName} fontSize={14} minimumFontScale={0.7} />
           </div>
           {file.versionNumber && file.versionNumber > 1 && (
-            <Text size="xs" c="dimmed">
+            <Text size="xs" c="dimmed" className="ph-no-capture">
               v{file.versionNumber}
             </Text>
           )}
@@ -261,17 +261,17 @@ export const PageEditorFileDropdown: React.FC<PageEditorFileDropdownProps> = ({
   return (
     <Menu trigger="click" position="bottom" width="40rem">
       <Menu.Target>
-        <div style={{...viewOptionStyle, cursor: 'pointer'}}>
+        <div className="ph-no-capture" style={{...viewOptionStyle, cursor: 'pointer'}}>
           {switchingTo === "pageEditor" ? (
             <Loader size="xs" />
           ) : (
             <LocalIcon icon="dashboard-customize-rounded" width="1.4rem" height="1.4rem" />
           )}
-          <span>{selectedCount}/{totalCount} files selected</span>
+          <span className="ph-no-capture">{selectedCount}/{totalCount} files selected</span>
           <KeyboardArrowDownIcon fontSize="small" />
         </div>
       </Menu.Target>
-      <Menu.Dropdown style={{
+      <Menu.Dropdown className="ph-no-capture" style={{
         backgroundColor: 'var(--right-rail-bg)',
         border: '1px solid var(--border-subtle)',
         borderRadius: '8px',
@@ -317,7 +317,7 @@ export const PageEditorFileDropdown: React.FC<PageEditorFileDropdownProps> = ({
         >
           <Group gap="xs" style={{ width: '100%' }}>
             <AddIcon fontSize="small" style={{ color: 'var(--mantine-color-text)' }} />
-            <Text size="sm" fw={500} style={{ color: 'var(--mantine-color-text)' }}>
+            <Text size="sm" fw={500} style={{ color: 'var(--mantine-color-text)' }} className="ph-no-capture">
               Add File
             </Text>
           </Group>