diff --git a/dist/assets/svg/error-sign.svg b/dist/assets/svg/error-sign.svg
new file mode 100644
index 00000000..edf6bc1f
--- /dev/null
+++ b/dist/assets/svg/error-sign.svg
@@ -0,0 +1,15 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" role="presentation">
+    <g clip-path="url(#clip0_1089_7422)">
+        <mask id="mask0_1089_7422" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="20" style="mask-type: alpha;">
+            <rect width="20" height="20" style="fill: white;"></rect>
+        </mask>
+        <g mask="url(#mask0_1089_7422)">
+            <path fill-rule="evenodd" clip-rule="evenodd" d="M0 10C0 4.4775 4.4775 0 10 0C15.5225 0 20 4.4775 20 10C20 15.5225 15.5225 20 10 20C4.4775 20 0 15.5225 0 10ZM11 14.0766C11 14.8122 10.5188 15.3333 9.83335 15.3333C9.13335 15.3333 8.66669 14.8122 8.66669 14.0766C8.66669 13.341 9.13335 12.8046 9.83335 12.8046C10.5188 12.8046 11 13.341 11 14.0766ZM10.65 11.9463H8.98752L8.75419 4.66663H10.8834L10.65 11.9463Z" style="fill: rgb(219, 0, 0);"></path>
+        </g>
+    </g>
+    <defs>
+        <clipPath id="clip0_1089_7422">
+            <rect width="20" height="20" fill="white"></rect>
+        </clipPath>
+    </defs>
+</svg>
\ No newline at end of file
diff --git a/dist/components/CheckBoxInput.module.scss b/dist/components/CheckBoxInput.module.scss
index 910cc26b..00d125b7 100644
--- a/dist/components/CheckBoxInput.module.scss
+++ b/dist/components/CheckBoxInput.module.scss
@@ -21,6 +21,8 @@
     }
 
     .labelText {
+        font-size: 16px;
+        line-height: 24px;
         color: $color-primary;
     }
 
diff --git a/dist/components/CheckBoxListItem.module.scss b/dist/components/CheckBoxListItem.module.scss
index fd9cb8d5..8479b337 100644
--- a/dist/components/CheckBoxListItem.module.scss
+++ b/dist/components/CheckBoxListItem.module.scss
@@ -15,7 +15,8 @@
     cursor: pointer;
     font-family: $default-font;
     position: relative;
-    font-size: 17px;
+    font-size: 16px;
+    line-height: 24px;
     color: #000;
 
     &:not(.contentOnly):not(.compact) {
diff --git a/dist/components/DragAndDropFileInput.module.scss b/dist/components/DragAndDropFileInput.module.scss
index 44bd5c7e..320dc294 100644
--- a/dist/components/DragAndDropFileInput.module.scss
+++ b/dist/components/DragAndDropFileInput.module.scss
@@ -11,11 +11,12 @@
 
     .dragAndDropContainer {
         @include transition(all 0.1s ease-in-out);
-        border: 2px dashed #ccc;
+        border: 2px dashed $color-secondary-light;
         border-radius: 20px;
         width: 100%;
         padding: 20px;
         text-align: center;
+        background-color: #fff;
 
         input {
             display: none;
@@ -26,7 +27,7 @@
         }
 
         &.highlighted {
-            background: $color-default-background;
+            background: $color-secondary-x-light;
             border-color: $color-primary;
         }
     }
diff --git a/dist/components/ErrorMessage.js b/dist/components/ErrorMessage.js
index 59b042d7..f1545916 100644
--- a/dist/components/ErrorMessage.js
+++ b/dist/components/ErrorMessage.js
@@ -8,6 +8,7 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _theme = require("../functions/theme");
 var _ErrorMessageModule = _interopRequireDefault(require("./ErrorMessage.module.scss"));
+var _errorSign = _interopRequireDefault(require("../assets/svg/error-sign.svg?url"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 const ErrorMessage = props => {
@@ -26,7 +27,11 @@ const ErrorMessage = props => {
   };
   return _react.default.createElement("span", _extends({
     "aria-live": "polite"
-  }, getErrorElementProps()), props.content ? props.content : "");
+  }, getErrorElementProps()), _react.default.createElement("img", {
+    src: _errorSign.default,
+    alt: "",
+    className: _ErrorMessageModule.default.errorSign
+  }), props.content ? props.content : "");
 };
 ErrorMessage.propTypes = {
   id: _propTypes.default.string,
diff --git a/dist/components/ErrorMessage.module.scss b/dist/components/ErrorMessage.module.scss
index eb5669dc..0b2ef1f5 100644
--- a/dist/components/ErrorMessage.module.scss
+++ b/dist/components/ErrorMessage.module.scss
@@ -1,16 +1,28 @@
 @import "../style/global.scss";
 
+@keyframes messageIn {
+    0% {
+        opacity: 0;
+        transform: translateX(2em);
+    }
+}
+
 .errorMessage {
-    display: block;
-    color: $color-error;
+    display: flex;
+    align-items: center;
+    font-family: $default-font;
     font-size: 16px;
     font-weight: 400;
-    line-height: 1.2;
-    margin: 4px 0;
-    font-family: $default-font;
-    font-style: italic;
-    overflow-wrap: break-word;
-    @media only screen and (min-width: $screen-sm) {
-        font-size: 19px;
+    line-height: 24px;
+    letter-spacing: 0.01em;
+    color: $color-error;
+    margin: 12px 0 0;
+    animation: 1000ms cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal none running messageIn;
+    .errorSign {
+        width: 20px;
+        height: 20px;
+        display: inline-block;
+        vertical-align: middle;
+        margin-right: 0.5em;
     }
 }
diff --git a/dist/components/RadioButtonInput.module.scss b/dist/components/RadioButtonInput.module.scss
index 208f5a27..04920a8e 100644
--- a/dist/components/RadioButtonInput.module.scss
+++ b/dist/components/RadioButtonInput.module.scss
@@ -21,6 +21,8 @@
     }
 
     .labelText {
+        font-size: 16px;
+        line-height: 24px;
         color: $color-primary;
     }
 
diff --git a/dist/components/RadioButtonListItem.module.scss b/dist/components/RadioButtonListItem.module.scss
index 3dc055f6..7be4af3b 100644
--- a/dist/components/RadioButtonListItem.module.scss
+++ b/dist/components/RadioButtonListItem.module.scss
@@ -15,7 +15,8 @@
   cursor: pointer;
   font-family: $default-font;
   position: relative;
-  font-size: 17px;
+  font-size: 16px;
+  line-height: 24px;
   color: #000;
 
   &:not(.contentOnly):not(.compact) {