From 2908c33b2c4ab73b1a821331e91ca31d7c501958 Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Mon, 5 Jun 2023 21:00:54 -0700
Subject: [PATCH] Update CharLimitedFieldset class name

---
 components/common/CharLimitedFieldset/index.scss | 10 +++++++++-
 components/common/CharLimitedFieldset/index.tsx  |  2 +-
 2 files changed, 10 insertions(+), 2 deletions(-)

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<HTMLInputElement, Props>(
 
     return (
       <fieldset className="Fieldset">
-        <div className="Limited">
+        <div className="Joined">
           <input
             autoComplete="off"
             className="Input"