diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_InputBox_Default_Story.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_InputBox_Default_Story.png
index e4fc0bc139..af55106c20 100644
Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_InputBox_Default_Story.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_InputBox_Default_Story.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_InputBox_Disabled.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_InputBox_Disabled.png
index 9d18af3a51..bc36a27eda 100644
Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_InputBox_Disabled.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_InputBox_Disabled.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_InputBox_Invalid.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_InputBox_Invalid.png
index 9ec4176522..4a727da162 100644
Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_InputBox_Invalid.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_InputBox_Invalid.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_InputBox_With_Icon_Addon.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_InputBox_With_Icon_Addon.png
index 4c54ec6ba2..53d56ed29f 100644
Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_InputBox_With_Icon_Addon.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_InputBox_With_Icon_Addon.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_InputBox_With_Placeholder.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_InputBox_With_Placeholder.png
index fe6dc2985a..82ef3b9738 100644
Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_InputBox_With_Placeholder.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_InputBox_With_Placeholder.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_AutoComplete_Example.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_AutoComplete_Example.png
index 7f67b2abb1..cb16e6e42f 100644
Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_AutoComplete_Example.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_AutoComplete_Example.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_EmailInput_Default_Story.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_EmailInput_Default_Story.png
index cd0caebcfc..23a81fcd5a 100644
Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_EmailInput_Default_Story.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_EmailInput_Default_Story.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_EmailInput_Disabled.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_EmailInput_Disabled.png
index 747e1fcfd7..77a65b7be9 100644
Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_EmailInput_Disabled.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_EmailInput_Disabled.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_EmailInput_Invalid.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_EmailInput_Invalid.png
index ad16c9ec5d..c92c7ef38d 100644
Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_EmailInput_Invalid.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_EmailInput_Invalid.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_EmailInput_States.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_EmailInput_States.png
index ff4d95e378..e9ed38138c 100644
Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_EmailInput_States.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_EmailInput_States.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_EmailInput_With_Icon_Addon.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_EmailInput_With_Icon_Addon.png
index 4c54ec6ba2..53d56ed29f 100644
Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_EmailInput_With_Icon_Addon.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_EmailInput_With_Icon_Addon.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_EmailInput_With_Placeholder.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_EmailInput_With_Placeholder.png
index fe6dc2985a..82ef3b9738 100644
Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_EmailInput_With_Placeholder.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_EmailInput_With_Placeholder.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_EmailInput_With_Value.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_EmailInput_With_Value.png
index bff2d87eed..f441210680 100644
Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_EmailInput_With_Value.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_EmailInput_With_Value.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_PasswordInput_Default_Story.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_PasswordInput_Default_Story.png
index cd0caebcfc..23a81fcd5a 100644
Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_PasswordInput_Default_Story.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_PasswordInput_Default_Story.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_PasswordInput_Disabled.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_PasswordInput_Disabled.png
index 747e1fcfd7..77a65b7be9 100644
Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_PasswordInput_Disabled.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_PasswordInput_Disabled.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_PasswordInput_Invalid.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_PasswordInput_Invalid.png
index ad16c9ec5d..c92c7ef38d 100644
Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_PasswordInput_Invalid.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_PasswordInput_Invalid.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_PasswordInput_States.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_PasswordInput_States.png
index 2ea60234b2..eef1387136 100644
Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_PasswordInput_States.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_PasswordInput_States.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_PasswordInput_With_Icon_Addon.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_PasswordInput_With_Icon_Addon.png
index 4c54ec6ba2..53d56ed29f 100644
Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_PasswordInput_With_Icon_Addon.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_PasswordInput_With_Icon_Addon.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_PasswordInput_With_Placeholder.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_PasswordInput_With_Placeholder.png
index fe6dc2985a..82ef3b9738 100644
Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_PasswordInput_With_Placeholder.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_PasswordInput_With_Placeholder.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_PasswordInput_With_Value.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_PasswordInput_With_Value.png
index e769f9786c..522daa4191 100644
Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_PasswordInput_With_Value.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_PasswordInput_With_Value.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SearchInput_Default_Story.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SearchInput_Default_Story.png
index cd0caebcfc..23a81fcd5a 100644
Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SearchInput_Default_Story.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SearchInput_Default_Story.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SearchInput_Disabled.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SearchInput_Disabled.png
index 747e1fcfd7..77a65b7be9 100644
Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SearchInput_Disabled.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SearchInput_Disabled.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SearchInput_Invalid.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SearchInput_Invalid.png
index ad16c9ec5d..c92c7ef38d 100644
Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SearchInput_Invalid.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SearchInput_Invalid.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SearchInput_States.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SearchInput_States.png
index 49e755d811..9d7d6cb306 100644
Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SearchInput_States.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SearchInput_States.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SearchInput_With_Icon_Addon.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SearchInput_With_Icon_Addon.png
index 4c54ec6ba2..53d56ed29f 100644
Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SearchInput_With_Icon_Addon.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SearchInput_With_Icon_Addon.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SearchInput_With_Placeholder.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SearchInput_With_Placeholder.png
index fe6dc2985a..82ef3b9738 100644
Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SearchInput_With_Placeholder.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SearchInput_With_Placeholder.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SearchInput_With_Value.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SearchInput_With_Value.png
index 1fa80a7c88..48a7b4c579 100644
Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SearchInput_With_Value.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SearchInput_With_Value.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_Default_Story.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_Default_Story.png
index 258a1249b7..bdf3845dc6 100644
Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_Default_Story.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_Default_Story.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_Disabled.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_Disabled.png
index 55f6e81ab3..3dada3edb5 100644
Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_Disabled.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_Disabled.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_Invalid.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_Invalid.png
index ac5f521aee..06cc4180d7 100644
Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_Invalid.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_Invalid.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_Multiple.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_Multiple.png
index c3089100cd..21bbba18dd 100644
Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_Multiple.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_Multiple.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_Multiple_With_Addon.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_Multiple_With_Addon.png
index 5c467049b5..f558e109a1 100644
Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_Multiple_With_Addon.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_Multiple_With_Addon.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_States.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_States.png
index 81f024acbf..af806ef387 100644
Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_States.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_States.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_With_Addon.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_With_Addon.png
index 258a1249b7..bdf3845dc6 100644
Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_With_Addon.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_With_Addon.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_With_Placeholder.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_With_Placeholder.png
index 1a22f057d1..7ab8eede41 100644
Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_With_Placeholder.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_With_Placeholder.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_With_Value.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_With_Value.png
index 8fd08d9b5d..0de28e82b1 100644
Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_With_Value.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_SelectInput_With_Value.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_Select_Default_Story.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_Select_Default_Story.png
index 445b46c733..c8bc0b03f4 100644
Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_Select_Default_Story.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_Select_Default_Story.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_Select_Multi_Select.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_Select_Multi_Select.png
index 749e7afb55..ef8ea105e9 100644
Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_Select_Multi_Select.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_Select_Multi_Select.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_Select_Multi_Select_Filtered.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_Select_Multi_Select_Filtered.png
index ba1eca3546..87df38682b 100644
Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_Select_Multi_Select_Filtered.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_Select_Multi_Select_Filtered.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_Select_Select_With_Filter.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_Select_Select_With_Filter.png
index ffac8432ba..27aead377f 100644
Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_Select_Select_With_Filter.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_Select_Select_With_Filter.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TelephoneInput_Default_Story.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TelephoneInput_Default_Story.png
index cd0caebcfc..23a81fcd5a 100644
Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TelephoneInput_Default_Story.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TelephoneInput_Default_Story.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TelephoneInput_Disabled.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TelephoneInput_Disabled.png
index 747e1fcfd7..77a65b7be9 100644
Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TelephoneInput_Disabled.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TelephoneInput_Disabled.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TelephoneInput_Invalid.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TelephoneInput_Invalid.png
index ad16c9ec5d..c92c7ef38d 100644
Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TelephoneInput_Invalid.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TelephoneInput_Invalid.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TelephoneInput_States.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TelephoneInput_States.png
index a7f90be1b7..0b7e538a74 100644
Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TelephoneInput_States.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TelephoneInput_States.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TelephoneInput_With_Icon_Addon.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TelephoneInput_With_Icon_Addon.png
index 4c54ec6ba2..53d56ed29f 100644
Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TelephoneInput_With_Icon_Addon.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TelephoneInput_With_Icon_Addon.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TelephoneInput_With_Placeholder.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TelephoneInput_With_Placeholder.png
index fe6dc2985a..82ef3b9738 100644
Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TelephoneInput_With_Placeholder.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TelephoneInput_With_Placeholder.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TelephoneInput_With_Value.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TelephoneInput_With_Value.png
index 775776db45..e22b2f4da7 100644
Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TelephoneInput_With_Value.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TelephoneInput_With_Value.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextAreaInput_Default_Story.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextAreaInput_Default_Story.png
index 4a2a043ca4..81e5e2d2fe 100644
Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextAreaInput_Default_Story.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextAreaInput_Default_Story.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextAreaInput_Disabled.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextAreaInput_Disabled.png
index 7c490d0493..55d969a1be 100644
Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextAreaInput_Disabled.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextAreaInput_Disabled.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextAreaInput_Invalid.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextAreaInput_Invalid.png
index e5e03397f2..0e238785b5 100644
Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextAreaInput_Invalid.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextAreaInput_Invalid.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextAreaInput_States.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextAreaInput_States.png
index 3972bfc4ce..c05eb2e1a4 100644
Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextAreaInput_States.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextAreaInput_States.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextAreaInput_With_Icon_Addon.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextAreaInput_With_Icon_Addon.png
index 4c54ec6ba2..77f62ba871 100644
Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextAreaInput_With_Icon_Addon.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextAreaInput_With_Icon_Addon.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextAreaInput_With_Placeholder.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextAreaInput_With_Placeholder.png
index 4fb0459f54..e8584db4f0 100644
Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextAreaInput_With_Placeholder.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextAreaInput_With_Placeholder.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextAreaInput_With_Value.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextAreaInput_With_Value.png
index d712149933..329ee7cc5a 100644
Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextAreaInput_With_Value.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextAreaInput_With_Value.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextInput_Default_Story.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextInput_Default_Story.png
index cd0caebcfc..23a81fcd5a 100644
Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextInput_Default_Story.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextInput_Default_Story.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextInput_Disabled.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextInput_Disabled.png
index 747e1fcfd7..77a65b7be9 100644
Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextInput_Disabled.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextInput_Disabled.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextInput_Invalid.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextInput_Invalid.png
index ad16c9ec5d..c92c7ef38d 100644
Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextInput_Invalid.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextInput_Invalid.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextInput_States.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextInput_States.png
index 5338c7940a..faf5441f37 100644
Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextInput_States.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextInput_States.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextInput_With_Icon_Addon.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextInput_With_Icon_Addon.png
index 4c54ec6ba2..53d56ed29f 100644
Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextInput_With_Icon_Addon.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextInput_With_Icon_Addon.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextInput_With_Placeholder.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextInput_With_Placeholder.png
index fe6dc2985a..82ef3b9738 100644
Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextInput_With_Placeholder.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextInput_With_Placeholder.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextInput_With_Value.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextInput_With_Value.png
index e4fc0bc139..af55106c20 100644
Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextInput_With_Value.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_TextInput_With_Value.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_UrlInput_Default_Story.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_UrlInput_Default_Story.png
index cd0caebcfc..23a81fcd5a 100644
Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_UrlInput_Default_Story.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_UrlInput_Default_Story.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_UrlInput_Disabled.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_UrlInput_Disabled.png
index 747e1fcfd7..77a65b7be9 100644
Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_UrlInput_Disabled.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_UrlInput_Disabled.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_UrlInput_Invalid.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_UrlInput_Invalid.png
index ad16c9ec5d..c92c7ef38d 100644
Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_UrlInput_Invalid.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_UrlInput_Invalid.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_UrlInput_States.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_UrlInput_States.png
index c3ae49e6ab..8ec4989596 100644
Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_UrlInput_States.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_UrlInput_States.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_UrlInput_With_Icon_Addon.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_UrlInput_With_Icon_Addon.png
index 4c54ec6ba2..53d56ed29f 100644
Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_UrlInput_With_Icon_Addon.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_UrlInput_With_Icon_Addon.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_UrlInput_With_Placeholder.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_UrlInput_With_Placeholder.png
index fe6dc2985a..82ef3b9738 100644
Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_UrlInput_With_Placeholder.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_UrlInput_With_Placeholder.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_UrlInput_With_Value.png b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_UrlInput_With_Value.png
index 5103f4b1b6..c5a0ae4efc 100644
Binary files a/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_UrlInput_With_Value.png and b/packages/fuselage/.loki/reference/chrome_iphone7_Forms_Inputs_UrlInput_With_Value.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_InputBox_Default_Story.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_InputBox_Default_Story.png
index f9370647a3..9b437a3e6b 100644
Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_InputBox_Default_Story.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_InputBox_Default_Story.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_InputBox_Disabled.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_InputBox_Disabled.png
index 604d9cf938..3d2f6463df 100644
Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_InputBox_Disabled.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_InputBox_Disabled.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_InputBox_Invalid.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_InputBox_Invalid.png
index 36d232be6b..93239e8705 100644
Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_InputBox_Invalid.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_InputBox_Invalid.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_InputBox_With_Icon_Addon.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_InputBox_With_Icon_Addon.png
index 10eb360486..ff28be8529 100644
Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_InputBox_With_Icon_Addon.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_InputBox_With_Icon_Addon.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_InputBox_With_Placeholder.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_InputBox_With_Placeholder.png
index ce25704380..4e2838af1a 100644
Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_InputBox_With_Placeholder.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_InputBox_With_Placeholder.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_AutoComplete_Example.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_AutoComplete_Example.png
index c2097d0f23..1288ab1557 100644
Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_AutoComplete_Example.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_AutoComplete_Example.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_EmailInput_Default_Story.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_EmailInput_Default_Story.png
index deecac693a..f9d93cdb93 100644
Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_EmailInput_Default_Story.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_EmailInput_Default_Story.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_EmailInput_Disabled.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_EmailInput_Disabled.png
index 10c1140a41..eb850b4e5d 100644
Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_EmailInput_Disabled.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_EmailInput_Disabled.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_EmailInput_Invalid.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_EmailInput_Invalid.png
index 09141f3529..b4096d9e68 100644
Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_EmailInput_Invalid.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_EmailInput_Invalid.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_EmailInput_States.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_EmailInput_States.png
index 48be4b03ae..d83a67ce34 100644
Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_EmailInput_States.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_EmailInput_States.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_EmailInput_With_Icon_Addon.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_EmailInput_With_Icon_Addon.png
index 10eb360486..ff28be8529 100644
Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_EmailInput_With_Icon_Addon.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_EmailInput_With_Icon_Addon.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_EmailInput_With_Placeholder.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_EmailInput_With_Placeholder.png
index ce25704380..4e2838af1a 100644
Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_EmailInput_With_Placeholder.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_EmailInput_With_Placeholder.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_EmailInput_With_Value.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_EmailInput_With_Value.png
index a81bcd2fa5..40736b7860 100644
Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_EmailInput_With_Value.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_EmailInput_With_Value.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_PasswordInput_Default_Story.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_PasswordInput_Default_Story.png
index deecac693a..f9d93cdb93 100644
Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_PasswordInput_Default_Story.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_PasswordInput_Default_Story.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_PasswordInput_Disabled.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_PasswordInput_Disabled.png
index 10c1140a41..eb850b4e5d 100644
Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_PasswordInput_Disabled.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_PasswordInput_Disabled.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_PasswordInput_Invalid.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_PasswordInput_Invalid.png
index 09141f3529..b4096d9e68 100644
Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_PasswordInput_Invalid.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_PasswordInput_Invalid.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_PasswordInput_States.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_PasswordInput_States.png
index 0de9c6c1c3..da0598630e 100644
Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_PasswordInput_States.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_PasswordInput_States.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_PasswordInput_With_Icon_Addon.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_PasswordInput_With_Icon_Addon.png
index 10eb360486..ff28be8529 100644
Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_PasswordInput_With_Icon_Addon.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_PasswordInput_With_Icon_Addon.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_PasswordInput_With_Placeholder.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_PasswordInput_With_Placeholder.png
index ce25704380..4e2838af1a 100644
Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_PasswordInput_With_Placeholder.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_PasswordInput_With_Placeholder.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_PasswordInput_With_Value.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_PasswordInput_With_Value.png
index f3bb37a3b2..9ecde9bbd2 100644
Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_PasswordInput_With_Value.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_PasswordInput_With_Value.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SearchInput_Default_Story.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SearchInput_Default_Story.png
index deecac693a..f9d93cdb93 100644
Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SearchInput_Default_Story.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SearchInput_Default_Story.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SearchInput_Disabled.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SearchInput_Disabled.png
index 10c1140a41..eb850b4e5d 100644
Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SearchInput_Disabled.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SearchInput_Disabled.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SearchInput_Invalid.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SearchInput_Invalid.png
index 09141f3529..b4096d9e68 100644
Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SearchInput_Invalid.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SearchInput_Invalid.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SearchInput_States.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SearchInput_States.png
index c4323a4ce4..f24273856b 100644
Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SearchInput_States.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SearchInput_States.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SearchInput_With_Icon_Addon.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SearchInput_With_Icon_Addon.png
index 10eb360486..ff28be8529 100644
Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SearchInput_With_Icon_Addon.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SearchInput_With_Icon_Addon.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SearchInput_With_Placeholder.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SearchInput_With_Placeholder.png
index ce25704380..4e2838af1a 100644
Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SearchInput_With_Placeholder.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SearchInput_With_Placeholder.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SearchInput_With_Value.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SearchInput_With_Value.png
index c4ae05772f..92e02ceb8e 100644
Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SearchInput_With_Value.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SearchInput_With_Value.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_Default_Story.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_Default_Story.png
index 355dc4c840..4e62c87592 100644
Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_Default_Story.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_Default_Story.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_Disabled.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_Disabled.png
index 7f4a771b70..82c63b3eda 100644
Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_Disabled.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_Disabled.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_Invalid.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_Invalid.png
index 75ecc73353..58f2c6ae73 100644
Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_Invalid.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_Invalid.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_Multiple.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_Multiple.png
index 72f84039d5..0a3ba7a52c 100644
Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_Multiple.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_Multiple.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_Multiple_With_Addon.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_Multiple_With_Addon.png
index 260e5df970..1dd0eb5946 100644
Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_Multiple_With_Addon.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_Multiple_With_Addon.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_States.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_States.png
index 64a486c0ea..3cf18fdecc 100644
Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_States.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_States.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_With_Addon.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_With_Addon.png
index 355dc4c840..4e62c87592 100644
Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_With_Addon.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_With_Addon.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_With_Placeholder.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_With_Placeholder.png
index 70ee6523da..9b646f82a3 100644
Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_With_Placeholder.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_With_Placeholder.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_With_Value.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_With_Value.png
index 8c04f4dbd7..3a53267506 100644
Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_With_Value.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_SelectInput_With_Value.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_Select_Default_Story.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_Select_Default_Story.png
index c7a8c9a702..a3c32ed10a 100644
Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_Select_Default_Story.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_Select_Default_Story.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_Select_Multi_Select.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_Select_Multi_Select.png
index 3981975122..4da4198281 100644
Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_Select_Multi_Select.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_Select_Multi_Select.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_Select_Multi_Select_Filtered.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_Select_Multi_Select_Filtered.png
index 9c910469e8..d98b77ad68 100644
Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_Select_Multi_Select_Filtered.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_Select_Multi_Select_Filtered.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_Select_Select_With_Filter.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_Select_Select_With_Filter.png
index 7f811e2457..83a6cc39ee 100644
Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_Select_Select_With_Filter.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_Select_Select_With_Filter.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TelephoneInput_Default_Story.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TelephoneInput_Default_Story.png
index deecac693a..f9d93cdb93 100644
Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TelephoneInput_Default_Story.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TelephoneInput_Default_Story.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TelephoneInput_Disabled.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TelephoneInput_Disabled.png
index 10c1140a41..eb850b4e5d 100644
Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TelephoneInput_Disabled.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TelephoneInput_Disabled.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TelephoneInput_Invalid.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TelephoneInput_Invalid.png
index 09141f3529..b4096d9e68 100644
Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TelephoneInput_Invalid.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TelephoneInput_Invalid.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TelephoneInput_States.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TelephoneInput_States.png
index 42f8cd3213..96ffdff9df 100644
Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TelephoneInput_States.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TelephoneInput_States.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TelephoneInput_With_Icon_Addon.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TelephoneInput_With_Icon_Addon.png
index 10eb360486..ff28be8529 100644
Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TelephoneInput_With_Icon_Addon.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TelephoneInput_With_Icon_Addon.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TelephoneInput_With_Placeholder.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TelephoneInput_With_Placeholder.png
index ce25704380..4e2838af1a 100644
Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TelephoneInput_With_Placeholder.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TelephoneInput_With_Placeholder.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TelephoneInput_With_Value.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TelephoneInput_With_Value.png
index 009249eabc..1b0d93248a 100644
Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TelephoneInput_With_Value.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TelephoneInput_With_Value.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextAreaInput_Default_Story.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextAreaInput_Default_Story.png
index b6e9779c17..bb3cbf919b 100644
Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextAreaInput_Default_Story.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextAreaInput_Default_Story.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextAreaInput_Disabled.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextAreaInput_Disabled.png
index 0bf3467928..81157674e3 100644
Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextAreaInput_Disabled.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextAreaInput_Disabled.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextAreaInput_Invalid.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextAreaInput_Invalid.png
index 76d29a80a7..bd608766bf 100644
Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextAreaInput_Invalid.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextAreaInput_Invalid.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextAreaInput_States.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextAreaInput_States.png
index 1485f9b37d..329c67d291 100644
Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextAreaInput_States.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextAreaInput_States.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextAreaInput_With_Icon_Addon.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextAreaInput_With_Icon_Addon.png
index 10eb360486..0db991c4bb 100644
Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextAreaInput_With_Icon_Addon.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextAreaInput_With_Icon_Addon.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextAreaInput_With_Placeholder.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextAreaInput_With_Placeholder.png
index 2d1847f731..934649804c 100644
Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextAreaInput_With_Placeholder.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextAreaInput_With_Placeholder.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextAreaInput_With_Value.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextAreaInput_With_Value.png
index 7097afbf72..144a393204 100644
Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextAreaInput_With_Value.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextAreaInput_With_Value.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextInput_Default_Story.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextInput_Default_Story.png
index deecac693a..f9d93cdb93 100644
Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextInput_Default_Story.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextInput_Default_Story.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextInput_Disabled.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextInput_Disabled.png
index 10c1140a41..eb850b4e5d 100644
Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextInput_Disabled.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextInput_Disabled.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextInput_Invalid.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextInput_Invalid.png
index 09141f3529..b4096d9e68 100644
Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextInput_Invalid.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextInput_Invalid.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextInput_States.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextInput_States.png
index 878d5e76af..e200268ef4 100644
Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextInput_States.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextInput_States.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextInput_With_Icon_Addon.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextInput_With_Icon_Addon.png
index 10eb360486..ff28be8529 100644
Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextInput_With_Icon_Addon.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextInput_With_Icon_Addon.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextInput_With_Placeholder.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextInput_With_Placeholder.png
index ce25704380..4e2838af1a 100644
Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextInput_With_Placeholder.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextInput_With_Placeholder.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextInput_With_Value.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextInput_With_Value.png
index f9370647a3..9b437a3e6b 100644
Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextInput_With_Value.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_TextInput_With_Value.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_UrlInput_Default_Story.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_UrlInput_Default_Story.png
index deecac693a..f9d93cdb93 100644
Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_UrlInput_Default_Story.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_UrlInput_Default_Story.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_UrlInput_Disabled.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_UrlInput_Disabled.png
index 10c1140a41..eb850b4e5d 100644
Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_UrlInput_Disabled.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_UrlInput_Disabled.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_UrlInput_Invalid.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_UrlInput_Invalid.png
index 09141f3529..b4096d9e68 100644
Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_UrlInput_Invalid.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_UrlInput_Invalid.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_UrlInput_States.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_UrlInput_States.png
index 1d0ee9d477..eb46e4a259 100644
Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_UrlInput_States.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_UrlInput_States.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_UrlInput_With_Icon_Addon.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_UrlInput_With_Icon_Addon.png
index 10eb360486..ff28be8529 100644
Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_UrlInput_With_Icon_Addon.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_UrlInput_With_Icon_Addon.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_UrlInput_With_Placeholder.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_UrlInput_With_Placeholder.png
index ce25704380..4e2838af1a 100644
Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_UrlInput_With_Placeholder.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_UrlInput_With_Placeholder.png differ
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_UrlInput_With_Value.png b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_UrlInput_With_Value.png
index d5bc114f10..61bf027fd8 100644
Binary files a/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_UrlInput_With_Value.png and b/packages/fuselage/.loki/reference/chrome_laptop_Forms_Inputs_UrlInput_With_Value.png differ
diff --git a/packages/fuselage/src/components/InputBox/index.js b/packages/fuselage/src/components/InputBox/index.js
index 2128dc46c3..446ed7f3ad 100644
--- a/packages/fuselage/src/components/InputBox/index.js
+++ b/packages/fuselage/src/components/InputBox/index.js
@@ -3,14 +3,13 @@ import { useMergedRefs } from '@rocket.chat/fuselage-hooks';
import PropTypes from 'prop-types';
import React, { forwardRef, useCallback, useLayoutEffect, useRef } from 'react';
-import { Box, Flex } from '../Box';
+import { Box } from '../Box';
+import { Label } from '../Label';
import { Option } from './Option';
import { Placeholder } from './Placeholder';
import { Skeleton } from '../Skeleton';
-const Wrapper = (props) =>
-
-;
+const Wrapper = (props) => ;
const Input = Box.extend('rcx-input-box', 'input');
const Addon = Box.extend('rcx-input-box__addon', 'span');
@@ -18,7 +17,6 @@ export const InputBox = forwardRef(function InputBox({
className,
addon,
error,
- floatingAddon,
hidden,
invisible,
multiple,
@@ -105,10 +103,9 @@ export const InputBox = forwardRef(function InputBox({
mod-placeholder-visible={placeholderVisible}
mod-type={type}
mod-undecorated
- mod-under-addon={floatingAddon}
{...props}
/>
-
+
;
});
@@ -122,7 +119,6 @@ InputBox.propTypes = {
addon: PropTypes.element,
input: PropTypes.element,
error: PropTypes.string,
- floatingAddon: PropTypes.bool,
type: PropTypes.oneOf([
'button',
'checkbox',
diff --git a/packages/fuselage/src/components/InputBox/styles.scss b/packages/fuselage/src/components/InputBox/styles.scss
index e4bef2d400..d9721b138c 100644
--- a/packages/fuselage/src/components/InputBox/styles.scss
+++ b/packages/fuselage/src/components/InputBox/styles.scss
@@ -8,10 +8,7 @@
min-width: 8rem;
- padding:
- calc(#{ $spaces-x12 } - #{ $borders-width-x2 })
- calc(#{ $spaces-x16 } - #{ $borders-width-x2 });
- padding-block: calc(#{ $spaces-x12 } - #{ $borders-width-x2 });
+ padding-block: #{ $spaces-x8 };
padding-inline: calc(#{ $spaces-x16 } - #{ $borders-width-x2 });
vertical-align: baseline;
@@ -20,6 +17,8 @@
outline: 0;
+ align-items: flex-start;
+
flex-flow: row nowrap;
@extend %input;
@@ -42,31 +41,8 @@
display: flex;
flex: 0 0 auto;
- padding-top: calc(#{ $spaces-x12 } - #{ $borders-width-x2 });
- padding-right: calc(#{ $spaces-x16 } - #{ $borders-width-x2 });
- padding-bottom: calc(#{ $spaces-x12 } - #{ $borders-width-x2 });
- padding-block: calc(#{ $spaces-x12 } - #{ $borders-width-x2 });
- padding-inline-end: calc(#{ $spaces-x16 } - #{ $borders-width-x2 });
align-items: flex-start;
flex-flow: row nowrap;
-
- &--over-input {
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
-
- pointer-events: none;
- inset-block: 0;
- inset-inline-end: 0;
-
- .rtl &,
- &.rtl,
- [dir=rtl] & {
- right: unset;
- left: 0;
- }
- }
}
@mixin with-colors(
@@ -182,10 +158,7 @@
min-width: 8rem;
min-height: #{ $sizes-x40 };
- padding:
- calc(#{ $spaces-x12 } - #{ $borders-width-x2 })
- calc(#{ $spaces-x16 } - #{ $borders-width-x2 });
- padding-block: calc(#{ $spaces-x12 } - #{ $borders-width-x2 });
+ padding-block: #{ $spaces-x8 };
padding-inline: calc(#{ $spaces-x16 } - #{ $borders-width-x2 });
@extend %input;
@@ -241,11 +214,6 @@
pointer-events: none;
}
- &--under-addon {
- padding-right: calc(#{ $spaces-x16 } + #{ $sizes-x40 } - 2 * #{ $spaces-x12 });
- padding-inline-end: calc(#{ $spaces-x16 } + #{ $sizes-x40 } - 2 * #{ $spaces-x12 });
- }
-
.rcx-input-box__wrapper > & {
width: 0;
min-width: 0;
@@ -276,9 +244,6 @@
min-width: 8rem;
min-height: #{ $sizes-x40 };
- padding:
- calc(#{ $spaces-x12 } - #{ $borders-width-x2 })
- calc(#{ $spaces-x16 } - #{ $borders-width-x2 });
padding-block: calc(#{ $spaces-x12 } - #{ $borders-width-x2 });
padding-inline: calc(#{ $spaces-x16 } - #{ $borders-width-x2 });
diff --git a/packages/fuselage/src/components/SelectInput/index.js b/packages/fuselage/src/components/SelectInput/index.js
index b2d3dc277a..ce2ad88aa5 100644
--- a/packages/fuselage/src/components/SelectInput/index.js
+++ b/packages/fuselage/src/components/SelectInput/index.js
@@ -38,7 +38,6 @@ export const SelectInput = forwardRef(function SelectInput({
ref={ref}
{...props}
addon={}
- floatingAddon
type='select'
onChange={handleChange}
>