Make things that should be bound, bound

components/common/Select/index.module.scss

@@ -50,6 +50,10 @@
 
     &:hover {
       background-color: var(--select-contained-bg-hover);
+
+      &.disabled {
+        background-color: var(--select-contained-bg);
+      }
     }
   }
 

components/common/SelectWithInput/index.tsx

@@ -181,6 +181,7 @@ const SelectWithInput = ({
           value={`${currentItemSkill ? currentItemSkill.id : 0}`}
           open={open}
           trigger={{
+            bound: true,
             className: 'grow',
           }}
           disabled={selectDisabled}
@@ -200,6 +201,7 @@ const SelectWithInput = ({
           })}
           wrapperClassName="fullHeight"
           type="number"
+          bound={true}
           placeholder={rangeString()}
           min={currentItemSkill?.minValue}
           max={currentItemSkill?.maxValue}

components/mastery/AwakeningSelectWithInput/index.tsx

@@ -189,6 +189,7 @@ const AwakeningSelectWithInput = ({
           onOpenChange={changeOpen}
           onClose={onClose}
           trigger={{
+            bound: true,
             className: 'grow',
           }}
           overlayVisible={false}
@@ -204,6 +205,7 @@ const AwakeningSelectWithInput = ({
               currentAwakening === undefined || currentAwakening.id === '0',
           })}
           wrapperClassName="fullHeight"
+          bound={true}
           type="number"
           placeholder={rangeString()}
           min={1}

components/mastery/AxSelect/index.tsx

@@ -413,6 +413,7 @@ const AXSelect = (props: Props) => {
             value={`${primaryAxModifier}`}
             open={openAX1}
             trigger={{
+              bound: true,
               className: 'grow',
             }}
             onClose={() => onClose(1)}
@@ -429,6 +430,7 @@ const AXSelect = (props: Props) => {
             fieldsetClassName={classNames({
               hidden: primaryAxModifier < 0,
             })}
+            bound={true}
             value={
               props.currentSkills && props.currentSkills[0]
                 ? props.currentSkills[0].strength
@@ -449,6 +451,7 @@ const AXSelect = (props: Props) => {
             value={`${secondaryAxModifier}`}
             open={openAX2}
             trigger={{
+              bound: true,
               className: 'grow',
             }}
             onClose={() => onClose(2)}
@@ -465,6 +468,7 @@ const AXSelect = (props: Props) => {
             fieldsetClassName={classNames({
               hidden: secondaryAxModifier < 0,
             })}
+            bound={true}
             value={
               props.currentSkills && props.currentSkills[1]
                 ? props.currentSkills[1].strength

components/mastery/ExtendedMasterySelect/index.tsx

@@ -135,6 +135,7 @@ const ExtendedMasterySelect = ({
         onOpenChange={() => changeOpen('left')}
         onClose={onClose}
         trigger={{
+          bound: true,
           className: classNames({
             left: true,
             modal: true,
@@ -154,6 +155,7 @@ const ExtendedMasterySelect = ({
         onClose={onClose}
         overlayVisible={false}
         trigger={{
+          bound: true,
           className: classNames({
             right: true,
             modal: true,

components/weapon/WeaponKeySelect/index.tsx

@@ -154,6 +154,9 @@ const WeaponKeySelect = React.forwardRef<HTMLButtonElement, Props>(
         onClose={onClose}
         onOpenChange={onOpenChange}
         onValueChange={handleChange}
+        trigger={{
+          bound: true,
+        }}
         ref={ref}
         overlayVisible={false}
       >

components/weapon/WeaponModal/index.module.scss

@@ -3,6 +3,7 @@
   flex-direction: column;
   gap: $unit * 4;
   padding: 0 $unit-4x;
+  margin-bottom: $unit-fourth;
 
   section {
     display: flex;