diff --git a/src/components/drawer/index.scss b/src/components/drawer/index.scss
index 3d798ed..359f601 100644
--- a/src/components/drawer/index.scss
+++ b/src/components/drawer/index.scss
@@ -114,6 +114,8 @@
                     flex-grow: 1;
                     overflow-y: auto;
                     height: 0;
+                    margin: calc(var(--jdd-accessibility-outline-width) * -1);
+                    padding: var(--jdd-accessibility-outline-width);
                 }
             }
         }
diff --git a/src/components/modal/index.scss b/src/components/modal/index.scss
index 9f67a3e..17c4eaa 100644
--- a/src/components/modal/index.scss
+++ b/src/components/modal/index.scss
@@ -56,10 +56,14 @@
         flex-direction: column;
         flex-shrink: 1;
         overflow: hidden;
+        margin: calc(var(--jdd-accessibility-outline-width) * -1);
+        padding: var(--jdd-accessibility-outline-width);
 
         .modal-description-content {
             flex-shrink: 1;
             overflow-y: auto;
+            margin: calc(var(--jdd-accessibility-outline-width) * -1);
+            padding: var(--jdd-accessibility-outline-width);
         }
     }