Style not applied when using class instead of id

[hellow554]

Hey everyone, concider the following code:

from textual.app import App
from textual.widgets import Button

class Foo(App):

    DEFAULT_CSS = """
        #first {
            min-width: 1;
            min-height: 1;
            border: none;
        }

        .small {
            min-width: 1;
            min-height: 1;
            border: none;
        }
    """

    def compose(self):
        yield Button("↑", id="first")
        yield Button("↓", classes="small")
        yield Button("→")

if __name__ == "__main__":
    Foo().run()

results in the following image:

As you can see, the first one is very small -- that's what I want.
The second one is also small, but the height doesn't look right.
The third one is just for reference here.

It seems, that the TCSS is applied to the second button, because it uses the class instead of the id selector.

Is there something I'm missing or is this a bug?!

[willmcgugan]

Don't use DEFAULT_CSS for your app. Use CSS which has higher priority.

[hellow554]

Thanks. That solved the issue. Any idea why it works anyhow with the id identifier?