diff --git a/app/common/styles/base/utility.scss b/app/common/styles/base/utility.scss
index 91c60d5..7a19475 100644
--- a/app/common/styles/base/utility.scss
+++ b/app/common/styles/base/utility.scss
@@ -15,7 +15,11 @@
   float: right;
 }
 .clear-float {
-  clear: both;
+  &::after {
+    content: " ";
+    display: block;
+    clear: both;
+  }
 }
 .error {
   color: $error-color;
@@ -91,11 +95,14 @@
 }
 
 .accessible-text {
-  height: 0;
-  width: 0;
-  position: absolute;
+  clip: rect(1px, 1px, 1px, 1px);
+  clip-path: inset(50%);
+  height: 1px;
+  width: 1px;
+  margin: -1px;
   overflow: hidden;
-  display: block;
+  padding: 0;
+  position: absolute;
 }
 
 .show-scroll {
diff --git a/app/common/styles/layout/header.scss b/app/common/styles/layout/header.scss
index bb326fd..56460c6 100644
--- a/app/common/styles/layout/header.scss
+++ b/app/common/styles/layout/header.scss
@@ -8,7 +8,7 @@
   border-radius: 6px 6px;
 }
 
-#header__wrapper {
+.header {
   position: fixed;
   top: 0;
   left: 0;
@@ -19,6 +19,7 @@
 .header__title {
   margin-left: 1em;
   display: none;
+  float: left;
   @include mediaQuery(x-small) {
     display: inline-block;
     position: absolute;
@@ -27,7 +28,7 @@
   }
 }
 
-header {
+.header__info-section {
   position: relative;
   background: $black;
   color: $white;
@@ -36,7 +37,6 @@
 
 .header__logout {
   float: right;
-  display: inline-block;
   color: $white;
   font-size: .9em;
   text-decoration: none;
@@ -47,7 +47,7 @@
   }
 }
 
-.header__functions-wrapper {
+.header__functions-section {
   color: $white;
   padding: 0 1.1em;
   box-sizing: border-box;
@@ -235,4 +235,4 @@
   }
 }
 
-// end header__functions-wrapper
+// end header__functions-section