Your outline issue comes from Tailwind’s preflight CSS overriding Angular Material.

Fix it by disabling preflight in tailwind.config.js:

corePlugins: {
  preflight: false,
}

or reset borders in styles.css:

*, *::before, *::after {
  border-style: none;
}

That will fix the alignment.