What is the easiest way to amend styling on an Atlassian component?

I am using a Tab Panel, and I want to remove the padding on it. How can I easily achieve this?

I know the linked documentation had examples of customising Tab Panels. But that seems to involve using @emotion/react, plus using a css attribute in a div element, which produces an error as css isn’t an attribute of a div. The example also uses only a simple string as the body of the Tab, but in my case I have a React fragment with lots of child nodes that I want to use within the Tab Panel. I just want to remove the default padding applied to the TabPanel by @atlaskit. Is this possible?

1 Like