Sidebar jumps to the right slightly when it becomes sticky

I've added these rules to make it fixed. There is no sticky/fixed configuration for the header, I think for this reason there is a small flicker when changing after scrolling the page.

header.fusion-header-wrapper{
   position: fixed;
   width: 100%;
}


#main{
   padding-top: 95px;
}

Select allOpen in new window

95px is the size of the header, so when using position:fixed, the next container needs a translation to look the same way if it was inline.
Also you can use for the main container

#main{
   position: relative;
   top: 95px;
}

Select allOpen in new window

Thanks Franscisco

I tried adding the CSS to my stylesheet and even made it all !important  - however it is still happening

this is what I have in there now

header.fusion-header-wrapper{
   position: fixed !important;
   width: 100% !important;
}


#main{
   position: relative !important;
   top: 95px !important;
}

So my theme has an option to stich between flex box and legacy - when using flexbox this happens - when using "legacy" it doesn't - However on the page, I have a row of 3 different sized icons and I want them to all be horizontally centered aligned with each other - so switching to legacy mode discards my flex box alignments and all the icons become top left aligned- so that is why I want to have the flex box stuff active on this page