diff --git a/config-plugins/checkboxes-plugin.js b/config-plugins/checkboxes-plugin.js
index fc13319f..b4004858 100644
--- a/config-plugins/checkboxes-plugin.js
+++ b/config-plugins/checkboxes-plugin.js
@@ -6,7 +6,7 @@ const checkboxes = plugin(function ({ addUtilities, theme }) {
width: "44px",
// borderColor: theme("colors.multi.neutrals.grey85a"),
borderRadius: "4px",
- borderWidth: "1.5px",
+ borderWidth: "2px",
},
".example64": {
borderRadius: "4px",
diff --git a/config-plugins/datepicker-plugin.js b/config-plugins/datepicker-plugin.js
index 01adc883..e9145ab1 100644
--- a/config-plugins/datepicker-plugin.js
+++ b/config-plugins/datepicker-plugin.js
@@ -4,7 +4,7 @@ const datepicker = plugin(function ({ addUtilities, theme }) {
// default
".date-style": {
borderColor: theme("colors.multi.neutrals.grey50"),
- borderWidth: "1.5px",
+ borderWidth: "2px",
borderRadius: "4px",
borderStyle: "solid",
paddingLeft: "4px",
diff --git a/src/components/CheckBox/CheckBox.js b/src/components/CheckBox/CheckBox.js
index a5d8d089..1a72dd70 100644
--- a/src/components/CheckBox/CheckBox.js
+++ b/src/components/CheckBox/CheckBox.js
@@ -28,7 +28,7 @@ export function CheckBox(props) {
type="checkbox"
className={`${
checked ? "ds-border-multi-blue-blue60f" : ""
- } ds-absolute ds-appearance-none ds-checkbox_style ds-outline-none
+ } ds-absolute ds-appearance-none ds-checkbox_style ds-outline-none ds-cursor-pointer
${validationClass}
`}
onChange={onChange}
diff --git a/src/components/FormDatePicker/FormDatePicker.js b/src/components/FormDatePicker/FormDatePicker.js
index 2c2ffeda..f2c263fd 100644
--- a/src/components/FormDatePicker/FormDatePicker.js
+++ b/src/components/FormDatePicker/FormDatePicker.js
@@ -118,9 +118,11 @@ export function FormDatePicker(props) {
-
+
@@ -138,7 +140,7 @@ export function FormDatePicker(props) {
min={"1"}
max={maxDay}
onChange={_onDayChange}
- className={`ds-w-[51px] ds-px-10px ds-rounded ds-date-text ds-border-1.5 ds-border-multi-neutrals-grey85a ds-py-5px ds-outline-none ${validationClass}`}
+ className={`ds-w-[51px] ds-px-10px ds-rounded ds-date-text ds-border-2 ds-border-multi-neutrals-grey85a ds-py-5px ds-outline-none ${validationClass}`}
/>
) : null}
@@ -154,7 +156,7 @@ export function FormDatePicker(props) {
min={minYear}
max={maxYear}
onChange={_onYearChange}
- className={`ds-w-[74px] ds-py-5px ds-px-10px ds-rounded ds-date-text ds-border-1.5 ds-border-multi-neutrals-grey85a ds-outline-none ${validationClass}`}
+ className={`ds-w-[74px] ds-py-5px ds-px-10px ds-rounded ds-date-text ds-border-2 ds-border-multi-neutrals-grey85a ds-outline-none ${validationClass}`}
/>
) : null}
diff --git a/src/components/FormDropdown/FormDropdown.css b/src/components/FormDropdown/FormDropdown.css
index 63cb75bc..05850dad 100644
--- a/src/components/FormDropdown/FormDropdown.css
+++ b/src/components/FormDropdown/FormDropdown.css
@@ -47,7 +47,7 @@
}
.dropdown-select:focus {
- border: solid 1.5px #0e62c9;
+ border: solid 2px #0e62c9;
box-shadow: 0px 0px 6px rgba(14, 98, 201, 0.6);
}
diff --git a/src/components/FormDropdown/FormDropdown.js b/src/components/FormDropdown/FormDropdown.js
index c9deb3aa..358a24e2 100644
--- a/src/components/FormDropdown/FormDropdown.js
+++ b/src/components/FormDropdown/FormDropdown.js
@@ -49,7 +49,7 @@ export const FormDropdown = (props) => {