diff --git a/frontend/src/app/main/ui/ds/controls/numeric_input.cljs b/frontend/src/app/main/ui/ds/controls/numeric_input.cljs index ed7d4c4096..b921d56092 100644 --- a/frontend/src/app/main/ui/ds/controls/numeric_input.cljs +++ b/frontend/src/app/main/ui/ds/controls/numeric_input.cljs @@ -840,7 +840,8 @@ (mf/with-effect [handle-unmount] handle-unmount) [:div {:class [class (stl/css-case :input-wrapper true - :resizable (not is-token-applied?))] + :resizable (and (not is-token-applied?) + (not disabled)))] :ref wrapper-ref :on-pointer-down on-scrub-pointer-down :on-pointer-move on-scrub-pointer-move diff --git a/frontend/src/app/main/ui/ds/controls/utilities/token_field.scss b/frontend/src/app/main/ui/ds/controls/utilities/token_field.scss index 765e6d5eae..e8d1586fbd 100644 --- a/frontend/src/app/main/ui/ds/controls/utilities/token_field.scss +++ b/frontend/src/app/main/ui/ds/controls/utilities/token_field.scss @@ -22,9 +22,10 @@ column-gap: var(--sp-xs); align-items: center; inline-size: 100%; + block-size: var(--token-field-height); background: var(--token-field-bg-color); border-radius: $br-8; - padding-inline-end: var(--sp-xs); + padding: 0 var(--input-padding-size, var(--sp-s)); outline: $b-1 solid var(--token-field-outline-color); position: relative;