Fix styling on sticky cta header so it extends the whole page in IE

remove unused row from header

styles/components/_sticky_cta.scss

@@ -1,10 +1,11 @@
 .sticky-cta {
   margin-left: -$gap * 4;
+  margin-right: -$gap * 5;
   z-index: 10;
 
   @include media($medium-screen) {
     margin-left: -$gap * 5;
-    margin-right: -$gap * 3;
+    margin-right: -$gap * 5;
   }
 
   &.js-is-sticky {
@@ -18,7 +19,7 @@
     background-color: $color-gray-lightest;
     border-top: 1px solid $color-gray-lighter;
     border-bottom: 1px solid $color-gray-lighter;
-    padding: 0 $gap * 2 0 $gap * 5;
+    padding: 0 $gap * 5 0 $gap * 5;
     box-shadow: $box-shadow;
 
     .usa-button {

styles/elements/_sidenav.scss

@@ -6,6 +6,8 @@
 .sidenav-container {
   position: relative;
   box-shadow: $box-shadow;
+  width: 19.2%;
+  min-width: 25rem;
 
   .global-navigation.sidenav {
     height: 100%;
@@ -16,8 +18,6 @@
       margin: 0px;
     }
 
-    width: 25rem;
-
     &__title {
       @include sidenav__header;