reordering categories in blogs

Hi,

I'm trying to reorder categories in Hebrew and I'm getting a nice big mess. The order now is correct (read rtl), however all the categories appear in line with no spaces. Here is the code:

  /* Change order parashot */
  /* flex on desktop */
@media screen and (min-width:641px) {
ul {
    display: flex;
    justify-content: right;
}
}
/* bereshit */
li.archive-group:nth-child(1){
    order: 1;
}
/* nochah */
li.archive-group:nth-child(11) {
    order: 2;
}
/* lechi-lach */
li.archive-group:nth-child(9) {
    order: 3;
}
/* vatera */
li.archive-group:nth-child(5) {
    order: 4;
}
/* chayei sahar*/
li.archive-group:nth-child(8) {
    order: 5;
}
/* toldot */
li.archive-group:nth-child(12) {
    order: 6;
}
/* v’tetze */
li.archive-group:nth-child(4) {
    order: 7;
}
/* v’tishlach */
li.archive-group:nth-child(7) {
    order: 8;
}
/* v’teshev */
li.archive-group:nth-child(6) {
    order: 9;
}
/* miketz */
li.archive-group:nth-child(10) {
    order: 10;
}
/* v’tigash */
.archive-group:nth-child(2) {
    order: 11;
}
/* v’techi */
.archive-group:nth-child(3) {
    order: 12;
}

Hi,

Can you share site url?