Aligning Checkboxes in Shiny

This is my first post. I am trying to align checkboxes in shiny using checkboxGroupInput but have no backgroung in css whatsoever. I have tried a lot of the codes I found online that seemes to work for other scenarios but I guess my case is a little different.

here is the relevant code from inside my fluidpage() and I will post a picture of the result.

  tags$head(tags$style(HTML("
                        .multicol .shiny-options-group{
                        -webkit-column-count: 5; /* Chrome, Safari, Opera */
                        -moz-column-count: 5;    /* Firefox */
                        column-count: 5;
                        -moz-column-fill: balanced;
                        -column-fill: balanced;
                        }
                        .checkbox{
                        margin-top: 0px !important;
                        -webkit-margin-after: 0px !important; 
                        }
                        "))),

Checkbox Align Failure