diff --git a/app/react/components/form-components/InputGroup/InputGroupButtonWrapper.tsx b/app/react/components/form-components/InputGroup/InputGroupButtonWrapper.tsx
index b614594d7..450cc048f 100644
--- a/app/react/components/form-components/InputGroup/InputGroupButtonWrapper.tsx
+++ b/app/react/components/form-components/InputGroup/InputGroupButtonWrapper.tsx
@@ -14,7 +14,7 @@ export function InputGroupButtonWrapper({
'input-group-btn [&>button]:!ml-0',
// the button should be rounded at the end (right) if it's the last child and start (left) if it's the first child
// if the button is in the middle of the group, it shouldn't be rounded
- '[&>button]:!rounded-none [&:last-child>button]:!rounded-r-[5px] [&:first-child>button]:!rounded-l-[5px]'
+ '[&:first-child>button]:!rounded-l-[5px] [&:last-child>button]:!rounded-r-[5px] [&>button]:!rounded-none'
)}
>
{children}
diff --git a/app/react/components/form-components/ReactSelect.css b/app/react/components/form-components/ReactSelect.css
index b1c6c8489..bd7a9bb41 100644
--- a/app/react/components/form-components/ReactSelect.css
+++ b/app/react/components/form-components/ReactSelect.css
@@ -57,16 +57,28 @@
/* Match the same box shadow styles as the other portainer inputs, which are inherited from the bootstrap form-control class */
.portainer-selector-root .portainer-selector__control--is-focused {
border-color: #66afe9;
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
- transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
+ -webkit-box-shadow:
+ inset 0 1px 1px rgba(0, 0, 0, 0.075),
+ 0 0 8px rgba(102, 175, 233, 0.6);
+ box-shadow:
+ inset 0 1px 1px rgba(0, 0, 0, 0.075),
+ 0 0 8px rgba(102, 175, 233, 0.6);
+ transition:
+ border-color ease-in-out 0.15s,
+ -webkit-box-shadow ease-in-out 0.15s;
}
.portainer-selector-root .portainer-selector__control--is-focused:hover {
border-color: #66afe9;
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
- transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
+ -webkit-box-shadow:
+ inset 0 1px 1px rgba(0, 0, 0, 0.075),
+ 0 0 8px rgba(102, 175, 233, 0.6);
+ box-shadow:
+ inset 0 1px 1px rgba(0, 0, 0, 0.075),
+ 0 0 8px rgba(102, 175, 233, 0.6);
+ transition:
+ border-color ease-in-out 0.15s,
+ -webkit-box-shadow ease-in-out 0.15s;
}
.portainer-selector-root.sm .portainer-selector__control {
diff --git a/app/react/components/form-components/ReactSelect.tsx b/app/react/components/form-components/ReactSelect.tsx
index 555d45b9b..912dbc43b 100644
--- a/app/react/components/form-components/ReactSelect.tsx
+++ b/app/react/components/form-components/ReactSelect.tsx
@@ -19,7 +19,7 @@ interface DefaultOption {
type RegularProps<
Option = DefaultOption,
IsMulti extends boolean = false,
- Group extends GroupBase
-