From ae7bc7e86277fae91033298e15701418f8bd5a6b Mon Sep 17 00:00:00 2001
From: wrigh393 <wrigh393@purdue.edu>
Date: Fri, 16 Jul 2021 16:28:12 -0400
Subject: [PATCH] Added child selector to hover styles

---
 src/components/ItemTable/ItemTable.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/ItemTable/ItemTable.js b/src/components/ItemTable/ItemTable.js
index 399afb7..6c6de62 100644
--- a/src/components/ItemTable/ItemTable.js
+++ b/src/components/ItemTable/ItemTable.js
@@ -23,7 +23,7 @@ export default function ItemTable({ data, rowCanBeSelected, loading }) {
             width: "100%"
         },
         hoverBackgroundColor: {
-            "&:hover": {
+            "&:hover > *": {
                 // The !important is placed here to enforce CSS specificity.
                 // See: https://material-ui.com/styles/advanced/#css-injection-order
                 backgroundColor: `${theme.palette.primary[200]} !important`,
@@ -42,7 +42,7 @@ export default function ItemTable({ data, rowCanBeSelected, loading }) {
         // are a hotfix to force the table body to have height until a better solution is found.
         VirtualizedTableStyles: {
             height: '82vh !important',
-            display:"table-row"
+            display: "table-row"
         },
         tableMargin: {
             marginTop: theme.spacing(2)
@@ -68,7 +68,7 @@ export default function ItemTable({ data, rowCanBeSelected, loading }) {
             { Header: 'Last Updated', accessor: 'last_updated', sortInverted: true },
             { Header: 'Department', accessor: 'department' },
             { Header: 'Building', accessor: 'building' },
-            { Header: 'Date Received', accessor: 'date_received', sortInverted: true , }
+            { Header: 'Date Received', accessor: 'date_received', sortInverted: true, }
         ], []);
     const tableInstance = useTable(
         {