diff --git a/components/common/CharLimitedFieldset/index.scss b/components/common/CharLimitedFieldset/index.scss index 446453f1..759ab4e4 100644 --- a/components/common/CharLimitedFieldset/index.scss +++ b/components/common/CharLimitedFieldset/index.scss @@ -1,4 +1,4 @@ -.Limited { +.Joined { $offset: 2px; align-items: center; @@ -12,6 +12,14 @@ padding-bottom: 2px; padding-right: calc($unit-2x - $offset); + &.Bound { + background-color: var(--input-bound-bg); + + &:hover { + background-color: var(--input-bound-bg-hover); + } + } + &:focus-within { border: $offset solid $blue; // box-shadow: 0 2px rgba(255, 255, 255, 1); diff --git a/components/common/CharLimitedFieldset/index.tsx b/components/common/CharLimitedFieldset/index.tsx index cb822299..16cbef3e 100644 --- a/components/common/CharLimitedFieldset/index.tsx +++ b/components/common/CharLimitedFieldset/index.tsx @@ -32,7 +32,7 @@ const CharLimitedFieldset = React.forwardRef( return (
-
+