Tweaks to dropzone styles

alphagov · Oct 18, 2024 · 8c493c8 · 8c493c8
1 parent 4c8b3e8
commit 8c493c8
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/packages/govuk-frontend/src/govuk/components/file-upload/_index.scss b/packages/govuk-frontend/src/govuk/components/file-upload/_index.scss
@@ -55,12 +55,14 @@
 
   .govuk-file-upload-wrapper--show-dropzone {
     $dropzone-padding: govuk-spacing(2);
+    $dropzone-offset: $dropzone-padding + $govuk-border-width-form-element;
 
-    margin-top: -$dropzone-padding;
-    margin-left: -$dropzone-padding;
+    // Add negative margins to all sides so that content doesn't jump due to
+    // the addition of the padding and border.
+    margin: -$dropzone-offset;
     padding: $dropzone-padding;
-    outline: 2px dotted govuk-colour("mid-grey");
-    background-color: govuk-colour("light-grey");
+    border: $govuk-border-width-form-element dashed $govuk-input-border-colour;
+    background-color: $govuk-body-background-colour;
 
     .govuk-file-upload__button,
     .govuk-file-upload__status {