Why doesn't CSS get applied when using component in a table td? [closed]

I've tried to simplify this issue as much as possible and came up with these repro steps:

1. Create a table and style it with the bootstrap "table" class and observe that it displays as expected.

2. Create a custom component and leave the file blank. The component should render absolutely nothing. Place the component anywhere outside the table and observe that everything still displays as expected.

3. Place the custom component inside of a td tag. Observe that the table is no longer styled.

Is this expected behavior? If not, then I will create a full working example and post to GitHub for further review.

If it is expected, then what is the proper way to resolve?

EDIT:

This works as expected:

<table class="table"><tr><th>One</th><th>Two</th><th>Three</th></tr><tr><td>a</td><td>e</td><td>c</td></tr><tr><td>d</td><td>e</td><td></td></tr></table>

This does not apply the css to the table:

<table class="table"><tr><th>One</th><th>Two</th><th>Three</th></tr><tr><td>a</td><td>e</td><td>c</td></tr><tr><td>d</td><td>e</td><td><ComponentThatDoesNothing></ComponentThatDoesNothing></td></tr></table>

Here's what the developer tools show for the first example that does not include the component:

Here's what the developer tools show for the second example that does include the component:

Upon request I am also including the .csproj file:

<Project Sdk="Microsoft.NET.Sdk.Web"><PropertyGroup><TargetFramework>net8.0</TargetFramework><Nullable>enable</Nullable><ImplicitUsings>enable</ImplicitUsings></PropertyGroup></Project>