diff --git a/core/modules/outside_in/css/off-canvas.base.css b/core/modules/outside_in/css/off-canvas.base.css
index 73d4dac..86fcc6b 100644
--- a/core/modules/outside_in/css/off-canvas.base.css
+++ b/core/modules/outside_in/css/off-canvas.base.css
@@ -178,6 +178,7 @@
   font-size: 14px;
   font-weight: normal;
   color: #85bef4;
+  cursor: pointer;
   text-decoration: none;
   transition: color .5s ease;
 }
@@ -193,4 +194,3 @@
 #drupal-off-canvas .ui-widget-content a {
   color: #85bef4 !important;
 }
-
diff --git a/core/modules/outside_in/css/off-canvas.css b/core/modules/outside_in/css/off-canvas.css
index 6bc3feb..a23b104 100644
--- a/core/modules/outside_in/css/off-canvas.css
+++ b/core/modules/outside_in/css/off-canvas.css
@@ -6,38 +6,38 @@
  */
 /* Position the off-canvas dialog container outside the right of the viewport. */
 .ui-dialog-off-canvas {
-    box-sizing: border-box;
-    height: 100%;
-    overflow: visible;
+  box-sizing: border-box;
+  height: 100%;
+  overflow: visible;
 }
 
 /* Wrap the form that's inside the off-canvas dialog. */
 .ui-dialog-off-canvas .ui-dialog-content {
-    padding: 0 20px;
-    /* Prevent horizontal scrollbar. */
-    overflow-x: hidden;
-    overflow-y: auto;
+  padding: 0 20px;
+  /* Prevent horizontal scrollbar. */
+  overflow-x: hidden;
+  overflow-y: auto;
 }
 [dir="rtl"] .ui-dialog-off-canvas .ui-dialog-content {
-    text-align: right;
+  text-align: right;
 }
 
 /* Position the dialog-off-canvas tray container outside the right of the viewport. */
 .ui-dialog-off-canvas {
-    box-sizing: border-box;
-    height: 100%;
-    overflow: visible;
+  box-sizing: border-box;
+  height: 100%;
+  overflow: visible;
 }
 
 /* Wrap the form that's inside the dialog-off-canvas tray. */
 .ui-dialog-off-canvas #drupal-off-canvas {
-    padding: 0 20px;
-    /* Prevent horizontal scrollbar. */
-    overflow-x: hidden;
-    overflow-y: auto;
+  padding: 0 20px;
+  /* Prevent horizontal scrollbar. */
+  overflow-x: hidden;
+  overflow-y: auto;
 }
 [dir="rtl"] .ui-dialog-off-canvas #drupal-off-canvas {
-    text-align: right;
+  text-align: right;
 }
 
 /*
@@ -45,12 +45,12 @@
  * to expand dialog widths.
  */
 @media all and (max-width: 48em) { /* 768px */
-    .ui-dialog.ui-dialog-off-canvas {
-        width: 100% !important;
-    }
-    /* When tray is at 100% width stop the body from scrolling */
-    .js-tray-open {
-        height: 100%;
-        overflow-y: hidden;
-    }
+  .ui-dialog.ui-dialog-off-canvas {
+    width: 100% !important;
+  }
+  /* When tray is at 100% width stop the body from scrolling */
+  .js-tray-open {
+    height: 100%;
+    overflow-y: hidden;
+  }
 }
diff --git a/core/modules/outside_in/css/off-canvas.details.css b/core/modules/outside_in/css/off-canvas.details.css
index 2cc5069..e38978e 100644
--- a/core/modules/outside_in/css/off-canvas.details.css
+++ b/core/modules/outside_in/css/off-canvas.details.css
@@ -43,7 +43,6 @@
   outline: none;
 }
 #drupal-off-canvas details[open] {
-  background-color: #333;
   padding-bottom: 10px;
 }
 #drupal-off-canvas details[open] > summary {
diff --git a/core/modules/outside_in/css/off-canvas.form.css b/core/modules/outside_in/css/off-canvas.form.css
index b4bafe7..01e5475 100644
--- a/core/modules/outside_in/css/off-canvas.form.css
+++ b/core/modules/outside_in/css/off-canvas.form.css
@@ -17,6 +17,10 @@
   -webkit-appearance: menulist;
   -moz-appearance: menulist;
 }
+#drupal-off-canvas option {
+  display: block;
+  font-family: "Lucida Grande", 'Lucida Sans Unicode','liberation sans', sans-serif;
+}
 #drupal-off-canvas label {
   line-height: normal;
   font-family: inherit;
@@ -72,7 +76,7 @@
   line-height: 16px;
   cursor: pointer;
 }
-/* Reduce contrast for fields against dark backround. */
+/* Reduce contrast for fields against dark background. */
 #drupal-off-canvas .form-text,
 #drupal-off-canvas .form-tel,
 #drupal-off-canvas .form-email,
@@ -112,3 +116,18 @@
   text-align: center;
   margin: 10px 0;
 }
+#drupal-off-canvas .ui-autocomplete {
+  background-color: white;
+  position: absolute;
+  top: 0;
+  left: 0;
+  cursor: default;
+}
+#drupal-off-canvas .ui-autocomplete li {
+  display: block;
+}
+#drupal-off-canvas .ui-autocomplete li a {
+  color: #595959 !important;
+  cursor: pointer;
+  padding: 5px;
+}
diff --git a/core/modules/outside_in/css/off-canvas.reset.css b/core/modules/outside_in/css/off-canvas.reset.css
index 5526437..0364f60 100644
--- a/core/modules/outside_in/css/off-canvas.reset.css
+++ b/core/modules/outside_in/css/off-canvas.reset.css
@@ -380,5 +380,3 @@
   background-color: rgba(175,175,175,0.5);
   color: inherit;
 }
-
-
diff --git a/core/modules/outside_in/css/off-canvas.table.css b/core/modules/outside_in/css/off-canvas.table.css
index 7dc2ca5..39df25e 100644
--- a/core/modules/outside_in/css/off-canvas.table.css
+++ b/core/modules/outside_in/css/off-canvas.table.css
@@ -26,6 +26,10 @@
 #drupal-off-canvas tr {
   display: table-row;
 }
+#drupal-off-canvas tr:hover td {
+  background-color: transparent;
+}
+
 #drupal-off-canvas td,
 #drupal-off-canvas th {
   display: table-cell;
diff --git a/core/modules/outside_in/css/off-canvas.tabledrag.css b/core/modules/outside_in/css/off-canvas.tabledrag.css
index 65a809f..e1851dc 100644
--- a/core/modules/outside_in/css/off-canvas.tabledrag.css
+++ b/core/modules/outside_in/css/off-canvas.tabledrag.css
@@ -94,6 +94,7 @@ body div.tabledrag-changed-warning {
   background-position: 50% -32px;
 }
 #drupal-off-canvas .tabledrag-toggle-weight-wrapper {
+  padding-top: 10px;
   text-align: right; /* LTR */
 }
 [dir="rtl"] #drupal-off-canvas .tabledrag-toggle-weight-wrapper {