diff --git a/core/themes/claro/css/components/dialog.css b/core/themes/claro/css/components/dialog.css
index aa9a8e7..8d6f318 100644
--- a/core/themes/claro/css/components/dialog.css
+++ b/core/themes/claro/css/components/dialog.css
@@ -151,3 +151,27 @@
 .ui-dialog.ui-dialog-off-canvas .ui-widget-content.ui-dialog-content {
   background: none;
 }
+
+.ui-dialog.ui-dialog-off-canvas.ui-dialog-position-side .ui-widget-content.ui-dialog-content {
+  border-left: 1px solid #6a6a6a;
+  background: #fff;
+}
+
+#drupal-off-canvas .inline-block-list {
+  margin-left: 0;
+  list-style: none;
+}
+
+[dir="rtl"] #drupal-off-canvas .inline-block-list {
+  margin-right: 0;
+}
+
+#drupal-off-canvas .inline-block-list__item {
+  margin: 0;
+  padding-left: 0;
+}
+
+#drupal-off-canvas .inline-block-list__item,
+#drupal-off-canvas .inline-block-list__item:hover {
+  background-color: transparent;
+}
diff --git a/core/themes/claro/css/components/dialog.pcss.css b/core/themes/claro/css/components/dialog.pcss.css
index f3d8f84..1ad7c1d 100644
--- a/core/themes/claro/css/components/dialog.pcss.css
+++ b/core/themes/claro/css/components/dialog.pcss.css
@@ -125,3 +125,22 @@
 .ui-dialog.ui-dialog-off-canvas .ui-widget-content.ui-dialog-content {
   background: none;
 }
+.ui-dialog.ui-dialog-off-canvas.ui-dialog-position-side .ui-widget-content.ui-dialog-content {
+  border-left: 1px solid #6a6a6a;
+  background: #fff;
+}
+#drupal-off-canvas .inline-block-list {
+  margin-left: 0;
+  list-style: none;
+}
+[dir="rtl"] #drupal-off-canvas .inline-block-list {
+  margin-right: 0;
+}
+#drupal-off-canvas .inline-block-list__item {
+  margin: 0;
+  padding-left: 0;
+}
+#drupal-off-canvas .inline-block-list__item,
+#drupal-off-canvas .inline-block-list__item:hover {
+  background-color: transparent;
+}