Issue #1973456 by echoz: Fixed .element-invisible on element at right causes horizontal scrollbar on desktop or right gap on phone on webkit browsers.

core/modules/system/system.base.css

@@ -246,6 +246,7 @@ input {
   clip: rect(1px, 1px, 1px, 1px);
   overflow: hidden;
   height: 1px;
+  width: 1px;
 }
 
 /**
@@ -258,6 +259,7 @@ input {
   clip: auto;
   overflow: visible;
   height: auto;
+  width: auto;
 }
 
 /**

core/themes/bartik/css/style.css

@@ -298,7 +298,7 @@ ul.tips {
   background: #444;
   background: rgba(0, 0, 0, 0.6);
   color: #fff;
-  display: block;
+  display: inline-block;
   font-size: 0.94em;
   line-height: 1.7;
   padding: 1px 10px 2px 10px;

core/themes/seven/style.css

@@ -161,7 +161,7 @@ pre {
 #skip-link a,
 #skip-link a:link,
 #skip-link a:visited {
-  display: block;
+  display: inline-block;
   background: #444;
   color: #fff;
   font-size: 0.94em;