diff --git a/apps/vr-tests-react-components/src/stories/Table/TableCellActions.stories.tsx b/apps/vr-tests-react-components/src/stories/Table/TableCellActions.stories.tsx
index b4ef87c439ab40..21c25d9aeace8d 100644
--- a/apps/vr-tests-react-components/src/stories/Table/TableCellActions.stories.tsx
+++ b/apps/vr-tests-react-components/src/stories/Table/TableCellActions.stories.tsx
@@ -8,7 +8,6 @@ import { CellActionsAlwaysVisible, CellActionsDefault, CellActionsInHeaderCell }
 
 export default {
   title: 'Table layout table - cell actions',
-
   decorators: [],
   parameters: {
     storyWright: { steps: new Steps().hover('.row-1').snapshot('hover row').end() },
@@ -18,6 +17,10 @@ export default {
 export const Default = () => <CellActionsDefault noNativeElements={false} />;
 Default.storyName = 'default';
 
+export const Neutral = () => <CellActionsDefault selectedRowAppearance="neutral" noNativeElements={false} />;
+
+export const Brand = () => <CellActionsDefault selectedRowAppearance="brand" noNativeElements={false} />;
+
 export const DefaultRTL = getStoryVariant(Default, RTL);
 
 export const DefaultHighContrast = getStoryVariant(Default, HIGH_CONTRAST);
diff --git a/apps/vr-tests-react-components/src/stories/Table/utils.tsx b/apps/vr-tests-react-components/src/stories/Table/utils.tsx
index 446363eadefbca..6f00a58db3f6a3 100644
--- a/apps/vr-tests-react-components/src/stories/Table/utils.tsx
+++ b/apps/vr-tests-react-components/src/stories/Table/utils.tsx
@@ -128,7 +128,7 @@ interface SharedVrTestArgs {
   selectedRowAppearance?: TableRowProps['appearance'];
 }
 
-export const CellActionsDefault: React.FC<SharedVrTestArgs> = ({ noNativeElements }) => (
+export const CellActionsDefault: React.FC<SharedVrTestArgs> = ({ noNativeElements, selectedRowAppearance }) => (
   <Table noNativeElements={noNativeElements}>
     <TableHeader>
       <TableRow>
@@ -139,7 +139,7 @@ export const CellActionsDefault: React.FC<SharedVrTestArgs> = ({ noNativeElement
     </TableHeader>
     <TableBody>
       {items.map((item, i) => (
-        <TableRow key={item.file.label} className={`row-${i}`}>
+        <TableRow key={item.file.label} className={`row-${i}`} appearance={selectedRowAppearance}>
           <TableCell>
             <TableCellLayout media={item.file.icon}>
               {item.file.label}
diff --git a/change/@fluentui-react-table-88b119b2-0ee8-457c-8e60-3b36a6f5dff1.json b/change/@fluentui-react-table-88b119b2-0ee8-457c-8e60-3b36a6f5dff1.json
new file mode 100644
index 00000000000000..dae35217de5aed
--- /dev/null
+++ b/change/@fluentui-react-table-88b119b2-0ee8-457c-8e60-3b36a6f5dff1.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "fix: use distinct hover background color",
+  "packageName": "@fluentui/react-table",
+  "email": "vgenaev@gmail.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/react-components/react-table/library/src/components/TableRow/useTableRowStyles.styles.ts b/packages/react-components/react-table/library/src/components/TableRow/useTableRowStyles.styles.ts
index e376aa2c65181c..84bdb7d5e3fc5e 100644
--- a/packages/react-components/react-table/library/src/components/TableRow/useTableRowStyles.styles.ts
+++ b/packages/react-components/react-table/library/src/components/TableRow/useTableRowStyles.styles.ts
@@ -125,9 +125,7 @@ const useStyles = makeStyles({
     },
     backgroundColor: tokens.colorSubtleBackgroundSelected,
     color: tokens.colorNeutralForeground1Hover,
-    ':hover': {
-      backgroundColor: tokens.colorSubtleBackgroundSelected,
-    },
+
     ':active': {
       backgroundColor: tokens.colorSubtleBackgroundSelected,
     },