diff --git a/frontend/src/common/components/FileDropZone.tsx b/frontend/src/common/components/FileDropZone.tsx
index ae045942a..c1b112ce9 100644
--- a/frontend/src/common/components/FileDropZone.tsx
+++ b/frontend/src/common/components/FileDropZone.tsx
@@ -1,3 +1,4 @@
+import {IconUpload} from "hds-react";
import React, {useEffect} from "react";
interface FileDropZoneProps {
@@ -95,7 +96,12 @@ export default function FileDropZone({
return (
<>
-
{helpText ?? "Pudota tiedostot tähän."}
+
+
+
+ {helpText ?? "Pudota tiedostot tähän."}
+
+
>
);
diff --git a/frontend/src/styles/components/_FileDropZone.sass b/frontend/src/styles/components/_FileDropZone.sass
index 696eb801a..78464ab84 100644
--- a/frontend/src/styles/components/_FileDropZone.sass
+++ b/frontend/src/styles/components/_FileDropZone.sass
@@ -12,21 +12,24 @@
bottom: 0
width: auto
height: auto
- background: rgba($color-white, 0.90)
- border: 2px dotted rgba($color-coat-of-arms, 0.90)
+ background: rgba($color-white, 1)
+ border: 2px dotted rgba($color-coat-of-arms, 1)
&.is-dragging-over-drop-zone
- background: rgba($color-bus-light, 0.95)
+ background: rgba($color-bus-light, 1)
border-color: rgba($color-coat-of-arms, 1)
transition: all 200ms ease-in-out
.file-drop-zone-helptext
+ & > div
+ display: flex
+ align-items: center
+ gap: $spacing-layout-2-xs
display: grid
place-items: center
top: 0%
bottom: 30%
position: sticky
font-size: 28px
- font-weight: 700
height: 250px
pointer-events: none
color: $color-coat-of-arms