This react component has sap-UI5 react-web-components being returned, my question is how do I style the "Tabs" the tabBar. I have tried everything I can think of and I haven't changed a pixel in the tabs. Now I can easily style the tabBar?? But for some reason, the tabs are out of my reach. i have tried inline, style-components, stylesheets...

 function LoadWebComp() {
    const WebCompRef = useRef();
    const supplyOption = () => {
        return Object.keys(listOfStuff).map((stuff, i) => {
            return <Tabs className="webCompToggleTab" key={Math.random()} additional-text={stuff} name={stuff} />;
        });
    }
    
    return (
      <div className="Page">
          <div className="Tabs">
              <TabBar ref={WebCompRef}  className="webCompToggleTabBar" id="UI5TabContainer" tabs-overflow-mode="StartAndEnd" collapsed fixed>
                  {supplyOption()}
              </TabBar>
              <div className="wrapper"></div>
          </div>
      </div>
    );
}

export default LoadWebComp;