Good day. In the attached picture on the left, the screen of the application launched in Intellij Idea, on the right - a preview in Scene Builder.

On the AnchorPane added GridPane in which, the hierarchy of the inserted buttons and a text box.

sources who are interested: Github

Windows 10 operating system if this is important.

I remember that in other graphical shells of Java the same problem, and it is necessary empirically to select values.

.root{ -fx-background-color: #383838; -fx-font-size: 14pt; -fx-text-fill: black; } .text-field{ -fx-font-size: 23pt; -fx-border-radius: 0; -fx-background-radius: 0; } .button, .button:focused{ -fx-background-color: #E8E8E8; -fx-border-radius: 0; -fx-background-radius: 0; } .button-blue, .button-blue:focused{ -fx-background-color: #7CAFC2; -fx-text-fill: #F8F8F8; -fx-border-radius: 0; -fx-background-radius: 0; } .button-orange, .button-orange:focused{ -fx-background-color: orange; -fx-text-fill: #F8F8F8; -fx-font-size: 15pt; -fx-border-radius: 0; -fx-background-radius: 0; }

enter image description here

    1 answer 1

    fixed it by removing the indents of the gridPane

     .root{ -fx-padding: 5; -fx-border-style: none; -fx-border-width: 0; -fx-border-insets: 0; }