reactjs MUI override style with parent reference

Question

i want to override on specific component with parent reference, like search input text on datatable, right now i override the whole input to achive this

overrides:{ 
    mycomponentselector: { 
       MuiPaper: {
          MuiTabs: {
              PrivateTabIndicator: {
                  root: {
                     backgroundColor: 'red'
                  }
              }
          }
       }
   } 
}

this is one of the example where i want to remove underline on the input search datatable but i end up override the whole input

i am sorry for my bad explanation, thanks in advance

Answer 1

Here is how you can select the component only if it's inside a parent component (in this example the parent component is Card)

overrides: {
  MuiCard: {
    root: {
      "& .MuiInputBase-root:not(.Mui-disabled)": {
        "&::before, &::after": {
          borderBottom: "none !important"
        }
      }
    }
  }
}

Live Demo