Preventing Navigation Items from Stacking With a Button

I wanted to add a button to my site, but it gets placed strangely 

I'd like it to go to the right as normal.

my website is https://www.imaginativeslp.com/

(The button is currently disabled)

This is the CSS used currently for the nav menu

// Nav Menu fixing
.header-nav-item a {
  margin: 0px -5px !important;
}

nav.header-nav-list {
    flex-wrap: nowrap;
}

.header-title-nav-wrapper {
    flex: 100% !important;
    margin-left: 0px !important;
}
.header-display-desktop {
    flex-direction: column;
    justify-content: center;
}
.header-layout-nav-center .header-nav {
    width: 100% !important;
}

Hi,

I don't see button. Can you check it again?

I had left the button disabled, It's turned on now.

I see you solved with this code?

.header-actions {
    justify-content: right;
    width: 100% !important;
}