AppBar Material UI with Styled Components

AppBar.js

const StyledTypography = styled(Typography)`
  flex: 1;
`;

const StyledButton = styled(Button)`
  background: linear-gradient(45deg, #fe6b8b 30%, #ff8e53 90%);
  border-radius: 3px;
  border: 0;
  color: white;
  height: 48px;
  padding: 0 30px;
  box-shadow: 0 3px 5px 2px rgba(255, 105, 135, 0.3);
`;

<AppBar position="static" color="primary">
  <Toolbar>
    <StyledTypography variant="title" color="inherit">
      My App
    </StyledTypography>
    <StyledButton>Login</StyledButton>
  </Toolbar>
</AppBar>