diff --git a/src/digital-components/dropdown-question/dropdown-question.vue b/src/digital-components/dropdown-question/dropdown-question.vue
index ec892fbe..87b432b5 100644
--- a/src/digital-components/dropdown-question/dropdown-question.vue
+++ b/src/digital-components/dropdown-question/dropdown-question.vue
@@ -17,22 +17,14 @@
:aria-required="isRequired"
:validationRules="validationRules"
:placeHolderText="placeHolderText">
-
-
-
@@ -65,12 +57,12 @@ export default {
let initialValue;
switch (typeof modelValue) {
- case 'number':
- initialValue = modelValue;
- break;
- default:
- initialValue = (modelValue && modelValue.length > 0) ? modelValue : '';
- break;
+ case 'number':
+ initialValue = modelValue;
+ break;
+ default:
+ initialValue = modelValue && modelValue.length > 0 ? modelValue : '';
+ break;
}
const fieldOptions = {
@@ -79,9 +71,11 @@ export default {
initialValue
};
- const { errorMessage, handleBlur, handleChange, meta, errors } = useField(props.inputId,
+ const { errorMessage, handleBlur, handleChange, meta, errors } = useField(
+ props.inputId,
props.validationRules,
- fieldOptions);
+ fieldOptions
+ );
return {
errorMessage,
@@ -147,8 +141,6 @@ export default {
}
.form-select {
color: $gray-600;
- background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 8.89' xml:space='preserve'%3e%3cpath d='M8 8.89c-.24 0-.46-.09-.63-.26L.26 1.53a.901.901 0 0 1 0-1.27C.43.1.66 0 .9 0s.47.1.64.26L8 6.74 14.47.27c.17-.17.4-.27.64-.27s.47.1.63.27c.17.17.26.4.26.64s-.1.47-.27.63l-7.1 7.09a.86.86 0 0 1-.63.26z' fill='%231474a2'/%3e%3c/svg%3e");
- border: 1px solid $gray-500;
border-radius: 0.5rem;
min-height: 3rem;
&:focus,
diff --git a/src/digital-components/textbox-question/textbox-question.vue b/src/digital-components/textbox-question/textbox-question.vue
index 3a746000..0de58727 100644
--- a/src/digital-components/textbox-question/textbox-question.vue
+++ b/src/digital-components/textbox-question/textbox-question.vue
@@ -322,11 +322,10 @@ input[type='date']::-webkit-calendar-picker-indicator {
margin-bottom: 0.25rem;
}
.form-control {
- border: 1px solid $gray-500;
border-radius: 0.5rem;
min-height: 3rem;
- max-height: 48px;
- padding: 12px 16px;
+ max-height: 3rem;
+ padding: 0.75rem 1rem;
&::placeholder {
color: $gray-500;
}