diff -u b/core/modules/outside_in/css/off-canvas.base.css b/core/modules/outside_in/css/off-canvas.base.css
--- b/core/modules/outside_in/css/off-canvas.base.css
+++ b/core/modules/outside_in/css/off-canvas.base.css
@@ -202,16 +202,16 @@
 
 /* Message styles */
 #drupal-off-canvas .messages--status {
-  background: #f3faef url(/core/misc/icons/73b355/check.svg) no-repeat 10px 17px;
+  background: #f3faef url(../../../misc/icons/73b355/check.svg) no-repeat 10px 17px;
   color: #325e1c;
 }
 #drupal-off-canvas .messages--warning {
-  background: #fdf8ed url(/core/misc/icons/e29700/warning.svg) no-repeat 10px 17px;
+  background: #fdf8ed url(../../../misc/icons/e29700/warning.svg) no-repeat 10px 17px;
   color: #734c00;
 }
 
 #drupal-off-canvas .messages--error {
-  background: #fcf4f2 url(/core/misc/icons/e32700/error.svg) no-repeat 10px 17px;
+  background: #fcf4f2 url(../../../misc/icons/e32700/error.svg) no-repeat 10px 17px;
   color: #a51b00;
 }
 
diff -u b/core/modules/outside_in/css/off-canvas.button.css b/core/modules/outside_in/css/off-canvas.button.css
--- b/core/modules/outside_in/css/off-canvas.button.css
+++ b/core/modules/outside_in/css/off-canvas.button.css
@@ -62,6 +62,7 @@
   border: 0;
   background: #277abd;
   color: #fff;
+  margin-top: 15px;
 }
 #drupal-off-canvas input[type="submit"].button--primary:hover,
 #drupal-off-canvas input[type="submit"].button--primary:focus,
diff -u b/core/modules/outside_in/css/off-canvas.dropbutton.css b/core/modules/outside_in/css/off-canvas.dropbutton.css
--- b/core/modules/outside_in/css/off-canvas.dropbutton.css
+++ b/core/modules/outside_in/css/off-canvas.dropbutton.css
@@ -145,6 +145,7 @@
 #drupal-off-canvas span.dropbutton-arrow {
   top: 7px;
   right: 7px; /* LTR */
+  background: transparent;
 }
 #drupal-off-canvas span.dropbutton-arrow:hover {
   background: transparent;
@@ -190,12 +191,12 @@
 /* Push the widget to the right so text expands left. */
 #drupal-off-canvas td .dropbutton-widget {
   position: absolute;
-  right: 20px; /* LTR */
+  right: 12px; /* LTR */
   padding: 0;
   background: #277abd none;
 }
 [dir="rtl"] #drupal-off-canvas td .dropbutton-widget {
-  left: 20px;
+  left: 12px;
 }
 
 /* Push the wrapper to the right edge of the td. */
@@ -206,6 +207,7 @@
   margin-right: 0;
   max-width: initial;
   min-width: initial;
+  position: relative;
 }
 [dir="rtl"] #drupal-off-canvas td .dropbutton-multiple {
   float: left;
@@ -217,12 +219,14 @@
   width: 2em;
   height: 2em;
   overflow: hidden;
+  background: transparent;
 }
 
 /* Push text out of the way. */
 #drupal-off-canvas td .dropbutton-multiple li,
 #drupal-off-canvas td .dropbutton-multiple a {
   margin-left: -9999px;
+  background: transparent;
 }
 #drupal-off-canvas td .dropbutton-multiple.open .dropbutton li,
 #drupal-off-canvas td .dropbutton-multiple.open .dropbutton a {
@@ -239,6 +243,7 @@
 }
 #drupal-off-canvas td .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button {
   border: 0;
+  background: transparent;
 }
 
 /* Prevent list item from expanding it's container. */
@@ -306,3 +311,3 @@
   border-top-color: transparent;
-  top: 4px;
+  top: 2px;
 }
diff -u b/core/modules/outside_in/css/off-canvas.table.css b/core/modules/outside_in/css/off-canvas.table.css
--- b/core/modules/outside_in/css/off-canvas.table.css
+++ b/core/modules/outside_in/css/off-canvas.table.css
@@ -71,7 +71,6 @@
 #drupal-off-canvas td {
   padding: 6px 8px;
   color: #ddd;
-  white-space: nowrap;
 }
 /* Hide overflow with elipsis for links. */
 #drupal-off-canvas td a {
@@ -79,6 +78,7 @@
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
+  background: transparent;
 }
 #drupal-off-canvas tr td:first-child,
 #drupal-off-canvas tr th:first-child {
diff -u b/core/modules/outside_in/css/off-canvas.tabledrag.css b/core/modules/outside_in/css/off-canvas.tabledrag.css
--- b/core/modules/outside_in/css/off-canvas.tabledrag.css
+++ b/core/modules/outside_in/css/off-canvas.tabledrag.css
@@ -45,6 +45,7 @@
   margin: 0;
   padding: 0;
   width: auto;
+  background-color: transparent;
 }
 #drupal-off-canvas .draggable a.tabledrag-handle:hover .handle,
 #drupal-off-canvas .draggable a.tabledrag-handle:focus .handle {