diff --git a/src/web/static/style.css b/src/web/static/style.css
index 108a3063..c0d87d7b 100644
--- a/src/web/static/style.css
+++ b/src/web/static/style.css
@@ -47,3 +47,61 @@ td.inactive {
   text-align:center;
   background-color:tan;
 }
+
+.dropzone, .dropzone * {
+    box-sizing: border-box;
+}
+
+.dropzone {
+    position: relative;
+}
+
+.dropzone .dz-preview {
+    position: relative;
+    display: inline-block;
+    width: 120px;
+    margin: .5em;
+}
+
+.dropzone .dz-preview .dz-progress {
+    display: block;
+    height: 15px;
+    border: 1px solid #aaa;
+}
+
+.dropzone .dz-preview .dz-progress .dz-upload {
+    display: block;
+    height: 100%;
+    width: 0;
+    background: green;
+}
+
+.dropzone .dz-preview .dz-error-message {
+    color: red;
+    display: none;
+}
+
+.dropzone .dz-preview.dz-error .dz-error-message {
+    display: block;
+}
+
+.dropzone .dz-preview.dz-error .dz-error-mark {
+    display: block;
+    filter: drop-shadow(0px 0px 2px red);
+}
+
+.dropzone .dz-preview.dz-success .dz-success-mark {
+    display: block;
+    filter: drop-shadow(0px 0px 2px green);
+}
+
+.dropzone .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark {
+    position: absolute;
+    display: none;
+    left: 30px;
+    top: 30px;
+    width: 54px;
+    height: 58px;
+    left: 50%;
+    margin-left: -27px;
+}
diff --git a/src/web/templates/base.html b/src/web/templates/base.html
index ad4f782c..a301f2de 100644
--- a/src/web/templates/base.html
+++ b/src/web/templates/base.html
@@ -21,7 +21,6 @@
 <meta name="theme-color" content="#ffffff">
 
 <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.9.3/min/basic.min.css"/>
 
 <script type="application/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.9.3/min/dropzone.min.js">
 </script>