Repository: laboratoriobridge/bold
Pull request #564 (2020-04-19 23:33:17)

Fix Select icon dimensions on safari
closes https://github.com/laboratoriobridge/bold/issues/522


Patch:
diff --git a/src/components/TextField/TextInputBase.tsx b/src/components/TextField/TextInputBase.tsx
index 0211d405e..6d74c03dd 100644
--- a/src/components/TextField/TextInputBase.tsx
+++ b/src/components/TextField/TextInputBase.tsx
@@ -39,6 +39,7 @@ export const createStyleParts = (theme: Theme) => ({
     fontFamily: theme.typography.fontFamily,
     fontSize: theme.typography.sizes.text,
     lineHeight: '1rem',
+    margin: 0,
     padding: 'calc(0.5rem - 1px) 0.5rem',
     width: '100%',
     transitionProperty: 'box-shadow',


Test patch:
diff --git a/src/components/DateField/__snapshots__/DateField.test.tsx.snap b/src/components/DateField/__snapshots__/DateField.test.tsx.snap
index a0389970d..e11ec9722 100644
--- a/src/components/DateField/__snapshots__/DateField.test.tsx.snap
+++ b/src/components/DateField/__snapshots__/DateField.test.tsx.snap
@@ -39,6 +39,7 @@ exports[`DateField should render correctly 1`] = `
   font-family: "IBM Plex Sans",sans-serif;
   font-size: 0.8125rem;
   line-height: 1rem;
+  margin: 0;
   padding: calc(0.5rem - 1px) 0.5rem;
   width: 100%;
   -webkit-transition-property: box-shadow;
@@ -252,6 +253,7 @@ exports[`DateField should render correctly when disabled 1`] = `
   font-family: "IBM Plex Sans",sans-serif;
   font-size: 0.8125rem;
   line-height: 1rem;
+  margin: 0;
   padding: calc(0.5rem - 1px) 0.5rem;
   width: 100%;
   -webkit-transition-property: box-shadow;
@@ -469,6 +471,7 @@ exports[`DateField should render correctly when opened 1`] = `
   font-family: "IBM Plex Sans",sans-serif;
   font-size: 0.8125rem;
   line-height: 1rem;
+  margin: 0;
   padding: calc(0.5rem - 1px) 0.5rem;
   width: 100%;
   -webkit-transition-property: box-shadow;
diff --git a/src/components/DateField/__snapshots__/DateInput.test.tsx.snap b/src/components/DateField/__snapshots__/DateInput.test.tsx.snap
index 18b97b30b..0b74b96ea 100644
--- a/src/components/DateField/__snapshots__/DateInput.test.tsx.snap
+++ b/src/components/DateField/__snapshots__/DateInput.test.tsx.snap
@@ -13,6 +13,7 @@ exports[`should render correctly 1`] = `
   font-family: "IBM Plex Sans",sans-serif;
   font-size: 0.8125rem;
   line-height: 1rem;
+  margin: 0;
   padding: calc(0.5rem - 1px) 0.5rem;
   width: 100%;
   -webkit-transition-property: box-shadow;
diff --git a/src/components/DateRangeField/__snapshots__/BaseDateRangeInput.test.tsx.snap b/src/components/DateRangeField/__snapshots__/BaseDateRangeInput.test.tsx.snap
index f5034738d..43f90e92a 100644
--- a/src/components/DateRangeField/__snapshots__/BaseDateRangeInput.test.tsx.snap
+++ b/src/components/DateRangeField/__snapshots__/BaseDateRangeInput.test.tsx.snap
@@ -84,6 +84,7 @@ exports[`BaseDateRangeInput customization should allow a custom string in range
   font-family: "IBM Plex Sans",sans-serif;
   font-size: 0.8125rem;
   line-height: 1rem;
+  margin: 0;
   padding: calc(0.5rem - 1px) 0.5rem;
   width: 100%;
   -webkit-transition-property: box-shadow;
@@ -400,6 +401,7 @@ exports[`BaseDateRangeInput customization should allow enUS placeholder customiz
   font-family: "IBM Plex Sans",sans-serif;
   font-size: 0.8125rem;
   line-height: 1rem;
+  margin: 0;
   padding: calc(0.5rem - 1px) 0.5rem;
   width: 100%;
   -webkit-transition-property: box-shadow;
@@ -716,6 +718,7 @@ exports[`BaseDateRangeInput customization should allow enUs i18n in range separa
   font-family: "IBM Plex Sans",sans-serif;
   font-size: 0.8125rem;
   line-height: 1rem;
+  margin: 0;
   padding: calc(0.5rem - 1px) 0.5rem;
   width: 100%;
   -webkit-transition-property: box-shadow;
@@ -1032,6 +1035,7 @@ exports[`BaseDateRangeInput customization should allow ptBR placeholder customiz
   font-family: "IBM Plex Sans",sans-serif;
   font-size: 0.8125rem;
   line-height: 1rem;
+  margin: 0;
   padding: calc(0.5rem - 1px) 0.5rem;
   width: 100%;
   -webkit-transition-property: box-shadow;
@@ -1348,6 +1352,7 @@ exports[`BaseDateRangeInput customization should allow ptBr i18n in range separa
   font-family: "IBM Plex Sans",sans-serif;
   font-size: 0.8125rem;
   line-height: 1rem;
+  margin: 0;
   padding: calc(0.5rem - 1px) 0.5rem;
   width: 100%;
   -webkit-transition-property: box-shadow;
@@ -1664,6 +1669,7 @@ exports[`BaseDateRangeInput render should render correctly 1`] = `
   font-family: "IBM Plex Sans",sans-serif;
   font-size: 0.8125rem;
   line-height: 1rem;
+  margin: 0;
   padding: calc(0.5rem - 1px) 0.5rem;
   width: 100%;
   -webkit-transition-property: box-shadow;
@@ -1934,6 +1940,7 @@ exports[`BaseDateRangeInput render should render correctly when disabled 1`] = `
   font-family: "IBM Plex Sans",sans-serif;
   font-size: 0.8125rem;
   line-height: 1rem;
+  margin: 0;
   padding: calc(0.5rem - 1px) 0.5rem;
   width: 100%;
   -webkit-transition-property: box-shadow;
@@ -2376,6 +2383,7 @@ exports[`BaseDateRangeInput render should render correctly when invalid 1`] = `
   font-family: "IBM Plex Sans",sans-serif;
   font-size: 0.8125rem;
   line-height: 1rem;
+  margin: 0;
   padding: calc(0.5rem - 1px) 0.5rem;
   width: 100%;
   -webkit-transition-property: box-shadow;
diff --git a/src/components/DateRangeField/__snapshots__/DateRangeField.test.tsx.snap b/src/components/DateRangeField/__snapshots__/DateRangeField.test.tsx.snap
index 84c1cbf27..69be580f8 100644
--- a/src/components/DateRangeField/__snapshots__/DateRangeField.test.tsx.snap
+++ b/src/components/DateRangeField/__snapshots__/DateRangeField.test.tsx.snap
@@ -84,6 +84,7 @@ exports[`DateRangeField render should render correctly 1`] = `
   font-family: "IBM Plex Sans",sans-serif;
   font-size: 0.8125rem;
   line-height: 1rem;
+  margin: 0;
   padding: calc(0.5rem - 1px) 0.5rem;
   width: 100%;
   -webkit-transition-property: box-shadow;
@@ -360,6 +361,7 @@ exports[`DateRangeField render should render correctly when disabled 1`] = `
   font-family: "IBM Plex Sans",sans-serif;
   font-size: 0.8125rem;
   line-height: 1rem;
+  margin: 0;
   padding: calc(0.5rem - 1px) 0.5rem;
   width: 100%;
   -webkit-transition-property: box-shadow;
@@ -808,6 +810,7 @@ exports[`DateRangeField render should render correctly when invalid 1`] = `
   font-family: "IBM Plex Sans",sans-serif;
   font-size: 0.8125rem;
   line-height: 1rem;
+  margin: 0;
   padding: calc(0.5rem - 1px) 0.5rem;
   width: 100%;
   -webkit-transition-property: box-shadow;
@@ -1069,6 +1072,7 @@ exports[`DateRangeField render should render correctly when opened 1`] = `
   font-family: "IBM Plex Sans",sans-serif;
   font-size: 0.8125rem;
   line-height: 1rem;
+  margin: 0;
   padding: calc(0.5rem - 1px) 0.5rem;
   width: 100%;
   -webkit-transition-property: box-shadow;
diff --git a/src/components/MaskedTextField/__snapshots__/MaskedTextField.test.tsx.snap b/src/components/MaskedTextField/__snapshots__/MaskedTextField.test.tsx.snap
index 78c46ba26..aa7c10d5b 100644
--- a/src/components/MaskedTextField/__snapshots__/MaskedTextField.test.tsx.snap
+++ b/src/components/MaskedTextField/__snapshots__/MaskedTextField.test.tsx.snap
@@ -13,6 +13,7 @@ exports[`should accept the style prop 1`] = `
   font-family: "IBM Plex Sans",sans-serif;
   font-size: 0.8125rem;
   line-height: 1rem;
+  margin: 0;
   padding: calc(0.5rem - 1px) 0.5rem;
   width: 100%;
   -webkit-transition-property: box-shadow;
@@ -114,6 +115,7 @@ exports[`should render correctly 1`] = `
   font-family: "IBM Plex Sans",sans-serif;
   font-size: 0.8125rem;
   line-height: 1rem;
+  margin: 0;
   padding: calc(0.5rem - 1px) 0.5rem;
   width: 100%;
   -webkit-transition-property: box-shadow;
@@ -221,6 +223,7 @@ exports[`should render correctly with error 1`] = `
   font-family: "IBM Plex Sans",sans-serif;
   font-size: 0.8125rem;
   line-height: 1rem;
+  margin: 0;
   padding: calc(0.5rem - 1px) 0.5rem;
   width: 100%;
   -webkit-transition-property: box-shadow;
diff --git a/src/components/MonthField/__snapshots__/MonthField.test.tsx.snap b/src/components/MonthField/__snapshots__/MonthField.test.tsx.snap
index e0aee508c..ba74facbd 100644
--- a/src/components/MonthField/__snapshots__/MonthField.test.tsx.snap
+++ b/src/components/MonthField/__snapshots__/MonthField.test.tsx.snap
@@ -67,6 +67,7 @@ exports[`Component presentation should render correctly when closed 1`] = `
   font-family: "IBM Plex Sans",sans-serif;
   font-size: 0.8125rem;
   line-height: 1rem;
+  margin: 0;
   padding: calc(0.5rem - 1px) 0.5rem;
   width: 100%;
   -webkit-transition-property: box-shadow;
@@ -326,6 +327,7 @@ exports[`Component presentation should render correctly when opened 1`] = `
   font-family: "IBM Plex Sans",sans-serif;
   font-size: 0.8125rem;
   line-height: 1rem;
+  margin: 0;
   padding: calc(0.5rem - 1px) 0.5rem;
   width: 100%;
   -webkit-transition-property: box-shadow;
diff --git a/src/components/Paginator/__snapshots__/Paginator.test.tsx.snap b/src/components/Paginator/__snapshots__/Paginator.test.tsx.snap
index 3ce3f93f5..3b864ad57 100644
--- a/src/components/Paginator/__snapshots__/Paginator.test.tsx.snap
+++ b/src/components/Paginator/__snapshots__/Paginator.test.tsx.snap
@@ -86,6 +86,7 @@ exports[`should render correctly 1`] = `
   font-family: "IBM Plex Sans",sans-serif;
   font-size: 0.8125rem;
   line-height: 1rem;
+  margin: 0;
   padding: calc(0.5rem - 1px) 0.5rem;
   width: 100%;
   -webkit-transition-property: box-shadow;
@@ -312,6 +313,7 @@ exports[`should render correctly 2`] = `
   font-family: "IBM Plex Sans",sans-serif;
   font-size: 0.8125rem;
   line-height: 1rem;
+  margin: 0;
   padding: calc(0.5rem - 1px) 0.5rem;
   width: 100%;
   -webkit-transition-property: box-shadow;
@@ -597,6 +599,7 @@ exports[`should render correctly 3`] = `
   font-family: "IBM Plex Sans",sans-serif;
   font-size: 0.8125rem;
   line-height: 1rem;
+  margin: 0;
   padding: calc(0.5rem - 1px) 0.5rem;
   width: 100%;
   -webkit-transition-property: box-shadow;
diff --git a/src/components/Select/SelectMulti/__snapshots__/SelectMulti.test.tsx.snap b/src/components/Select/SelectMulti/__snapshots__/SelectMulti.test.tsx.snap
index 9a345c6dd..c9af8b519 100644
--- a/src/components/Select/SelectMulti/__snapshots__/SelectMulti.test.tsx.snap
+++ b/src/components/Select/SelectMulti/__snapshots__/SelectMulti.test.tsx.snap
@@ -9,6 +9,7 @@ exports[`input label label should have a htmlFor prop equals to the used id 1`]
   font-family: "IBM Plex Sans",sans-serif;
   font-size: 0.8125rem;
   line-height: 1rem;
+  margin: 0;
   padding: calc(0.5rem - 1px) 0.5rem;
   width: 100%;
   -webkit-transition-property: box-shadow;
@@ -147,6 +148,7 @@ exports[`input label should use aria-labelledby equals to an auto-assigned label
   font-family: "IBM Plex Sans",sans-serif;
   font-size: 0.8125rem;
   line-height: 1rem;
+  margin: 0;
   padding: calc(0.5rem - 1px) 0.5rem;
   width: 100%;
   -webkit-transition-property: box-shadow;
@@ -286,6 +288,7 @@ exports[`should render correctly when closed 1`] = `
   font-family: "IBM Plex Sans",sans-serif;
   font-size: 0.8125rem;
   line-height: 1rem;
+  margin: 0;
   padding: calc(0.5rem - 1px) 0.5rem;
   width: 100%;
   -webkit-transition-property: box-shadow;
@@ -411,6 +414,7 @@ exports[`should render correctly when opened 1`] = `
   font-family: "IBM Plex Sans",sans-serif;
   font-size: 0.8125rem;
   line-height: 1rem;
+  margin: 0;
   padding: calc(0.5rem - 1px) 0.5rem;
   width: 100%;
   -webkit-transition-property: box-shadow;
diff --git a/src/components/Select/SelectMulti/__snapshots__/SelectMultiInput.test.tsx.snap b/src/components/Select/SelectMulti/__snapshots__/SelectMultiInput.test.tsx.snap
index 3149843f7..200d1fb71 100644
--- a/src/components/Select/SelectMulti/__snapshots__/SelectMultiInput.test.tsx.snap
+++ b/src/components/Select/SelectMulti/__snapshots__/SelectMultiInput.test.tsx.snap
@@ -9,6 +9,7 @@ exports[`should render correctly 1`] = `
   font-family: "IBM Plex Sans",sans-serif;
   font-size: 0.8125rem;
   line-height: 1rem;
+  margin: 0;
   padding: calc(0.25rem - 1px) 0.25rem;
   width: 100%;
   -webkit-transition-property: box-shadow;
diff --git a/src/components/Select/SelectSingle/__snapshots__/SelectSingle.test.tsx.snap b/src/components/Select/SelectSingle/__snapshots__/SelectSingle.test.tsx.snap
index 3fb6a1cb1..6a370d1c0 100644
--- a/src/components/Select/SelectSingle/__snapshots__/SelectSingle.test.tsx.snap
+++ b/src/components/Select/SelectSingle/__snapshots__/SelectSingle.test.tsx.snap
@@ -39,6 +39,7 @@ exports[`input label label should have a htmlFor prop equals to the used id 1`]
   font-family: "IBM Plex Sans",sans-serif;
   font-size: 0.8125rem;
   line-height: 1rem;
+  margin: 0;
   padding: calc(0.5rem - 1px) 0.5rem;
   width: 100%;
   -webkit-transition-property: box-shadow;
@@ -274,6 +275,7 @@ exports[`input label should use aria-labelledby equals to an auto-assigned label
   font-family: "IBM Plex Sans",sans-serif;
   font-size: 0.8125rem;
   line-height: 1rem;
+  margin: 0;
   padding: calc(0.5rem - 1px) 0.5rem;
   width: 100%;
   -webkit-transition-property: box-shadow;
@@ -510,6 +512,7 @@ exports[`should render correctly when closed 1`] = `
   font-family: "IBM Plex Sans",sans-serif;
   font-size: 0.8125rem;
   line-height: 1rem;
+  margin: 0;
   padding: calc(0.5rem - 1px) 0.5rem;
   width: 100%;
   -webkit-transition-property: box-shadow;
@@ -732,6 +735,7 @@ exports[`should render correctly when opened 1`] = `
   font-family: "IBM Plex Sans",sans-serif;
   font-size: 0.8125rem;
   line-height: 1rem;
+  margin: 0;
   padding: calc(0.5rem - 1px) 0.5rem;
   width: 100%;
   -webkit-transition-property: box-shadow;
diff --git a/src/components/SelectInline/__snapshots__/SelectInline.test.tsx.snap b/src/components/SelectInline/__snapshots__/SelectInline.test.tsx.snap
index 450fdd56a..309b83865 100644
--- a/src/components/SelectInline/__snapshots__/SelectInline.test.tsx.snap
+++ b/src/components/SelectInline/__snapshots__/SelectInline.test.tsx.snap
@@ -214,6 +214,7 @@ exports[`SelectInline should render correctly when opened 1`] = `
   font-family: "IBM Plex Sans",sans-serif;
   font-size: 0.8125rem;
   line-height: 1rem;
+  margin: 0;
   padding: calc(0.5rem - 1px) 0.5rem;
   width: 100%;
   -webkit-transition-property: box-shadow;
diff --git a/src/components/Table/TableFooter/__snapshots__/TableFooter.test.tsx.snap b/src/components/Table/TableFooter/__snapshots__/TableFooter.test.tsx.snap
index 4ef4aad30..991f124b3 100644
--- a/src/components/Table/TableFooter/__snapshots__/TableFooter.test.tsx.snap
+++ b/src/components/Table/TableFooter/__snapshots__/TableFooter.test.tsx.snap
@@ -214,6 +214,7 @@ exports[`renders correctly 1`] = `
   font-family: "IBM Plex Sans",sans-serif;
   font-size: 0.8125rem;
   line-height: 1rem;
+  margin: 0;
   padding: calc(0.5rem - 1px) 0.5rem;
   width: 100%;
   -webkit-transition-property: box-shadow;
diff --git a/src/components/TextArea/__snapshots__/TextArea.test.tsx.snap b/src/components/TextArea/__snapshots__/TextArea.test.tsx.snap
index 76af5ab87..9cf6347bd 100644
--- a/src/components/TextArea/__snapshots__/TextArea.test.tsx.snap
+++ b/src/components/TextArea/__snapshots__/TextArea.test.tsx.snap
@@ -9,6 +9,7 @@ exports[`should accept style prop 1`] = `
   font-family: "IBM Plex Sans",sans-serif;
   font-size: 0.8125rem;
   line-height: 1rem;
+  margin: 0;
   padding: calc(0.5rem - 1px) 0.5rem;
   width: 100%;
   -webkit-transition-property: box-shadow;
@@ -94,6 +95,7 @@ exports[`should render character counter 1`] = `
   font-family: "IBM Plex Sans",sans-serif;
   font-size: 0.8125rem;
   line-height: 1rem;
+  margin: 0;
   padding: calc(0.5rem - 1px) 0.5rem;
   width: 100%;
   -webkit-transition-property: box-shadow;
@@ -193,6 +195,7 @@ exports[`should render character counter 2`] = `
   font-family: "IBM Plex Sans",sans-serif;
   font-size: 0.8125rem;
   line-height: 1rem;
+  margin: 0;
   padding: calc(0.5rem - 1px) 0.5rem;
   width: 100%;
   -webkit-transition-property: box-shadow;
@@ -292,6 +295,7 @@ exports[`should render correctly 1`] = `
   font-family: "IBM Plex Sans",sans-serif;
   font-size: 0.8125rem;
   line-height: 1rem;
+  margin: 0;
   padding: calc(0.5rem - 1px) 0.5rem;
   width: 100%;
   -webkit-transition-property: box-shadow;
@@ -393,6 +397,7 @@ exports[`should render correctly when disabled 1`] = `
   font-family: "IBM Plex Sans",sans-serif;
   font-size: 0.8125rem;
   line-height: 1rem;
+  margin: 0;
   padding: calc(0.5rem - 1px) 0.5rem;
   width: 100%;
   -webkit-transition-property: box-shadow;
@@ -478,6 +483,7 @@ exports[`should render correctly with error 1`] = `
   font-family: "IBM Plex Sans",sans-serif;
   font-size: 0.8125rem;
   line-height: 1rem;
+  margin: 0;
   padding: calc(0.5rem - 1px) 0.5rem;
   width: 100%;
   -webkit-transition-property: box-shadow;
@@ -591,6 +597,7 @@ exports[`textarea label label should have a htmlFor prop equals to the used id 1
   font-family: "IBM Plex Sans",sans-serif;
   font-size: 0.8125rem;
   line-height: 1rem;
+  margin: 0;
   padding: calc(0.5rem - 1px) 0.5rem;
   width: 100%;
   -webkit-transition-property: box-shadow;
@@ -688,6 +695,7 @@ exports[`textarea label should use aria-labelledby equals to an auto-assigned la
   font-family: "IBM Plex Sans",sans-serif;
   font-size: 0.8125rem;
   line-height: 1rem;
+  margin: 0;
   padding: calc(0.5rem - 1px) 0.5rem;
   width: 100%;
   -webkit-transition-property: box-shadow;
diff --git a/src/components/TextField/__snapshots__/TextField.test.tsx.snap b/src/components/TextField/__snapshots__/TextField.test.tsx.snap
index 7f0b634cd..c3ced4413 100644
--- a/src/components/TextField/__snapshots__/TextField.test.tsx.snap
+++ b/src/components/TextField/__snapshots__/TextField.test.tsx.snap
@@ -20,6 +20,7 @@ exports[`input label label should have a htmlFor prop equals to the used id 1`]
   font-family: "IBM Plex Sans",sans-serif;
   font-size: 0.8125rem;
   line-height: 1rem;
+  margin: 0;
   padding: calc(0.5rem - 1px) 0.5rem;
   width: 100%;
   -webkit-transition-property: box-shadow;
@@ -126,6 +127,7 @@ exports[`input label should use aria-labelledby equals to an auto-assigned label
   font-family: "IBM Plex Sans",sans-serif;
   font-size: 0.8125rem;
   line-height: 1rem;
+  margin: 0;
   padding: calc(0.5rem - 1px) 0.5rem;
   width: 100%;
   -webkit-transition-property: box-shadow;
@@ -232,6 +234,7 @@ exports[`should render correctly 1`] = `
   font-family: "IBM Plex Sans",sans-serif;
   font-size: 0.8125rem;
   line-height: 1rem;
+  margin: 0;
   padding: calc(0.5rem - 1px) 0.5rem;
   width: 100%;
   -webkit-transition-property: box-shadow;
diff --git a/src/components/TextField/__snapshots__/TextInput.test.tsx.snap b/src/components/TextField/__snapshots__/TextInput.test.tsx.snap
index 25a490c82..c0b3010ea 100644
--- a/src/components/TextField/__snapshots__/TextInput.test.tsx.snap
+++ b/src/components/TextField/__snapshots__/TextInput.test.tsx.snap
@@ -9,6 +9,7 @@ exports[`icon should render correctly with icon 1`] = `
   font-family: "IBM Plex Sans",sans-serif;
   font-size: 0.8125rem;
   line-height: 1rem;
+  margin: 0;
   padding: calc(0.5rem - 1px) 0.5rem;
   width: 100%;
   -webkit-transition-property: box-shadow;
@@ -217,6 +218,7 @@ exports[`should render correctly 1`] = `
   font-family: "IBM Plex Sans",sans-serif;
   font-size: 0.8125rem;
   line-height: 1rem;
+  margin: 0;
   padding: calc(0.5rem - 1px) 0.5rem;
   width: 100%;
   -webkit-transition-property: box-shadow;
diff --git a/src/components/TextField/__snapshots__/TextInputBase.test.tsx.snap b/src/components/TextField/__snapshots__/TextInputBase.test.tsx.snap
index 1a78cfebf..4eb0e2a69 100644
--- a/src/components/TextField/__snapshots__/TextInputBase.test.tsx.snap
+++ b/src/components/TextField/__snapshots__/TextInputBase.test.tsx.snap
@@ -9,6 +9,7 @@ exports[`should render correctly 1`] = `
   font-family: "IBM Plex Sans",sans-serif;
   font-size: 0.8125rem;
   line-height: 1rem;
+  margin: 0;
   padding: calc(0.5rem - 1px) 0.5rem;
   width: 100%;
   -webkit-transition-property: box-shadow;
diff --git a/src/components/TimeField/__snapshots__/TimeField.test.tsx.snap b/src/components/TimeField/__snapshots__/TimeField.test.tsx.snap
index 31fea1609..685b1ca98 100644
--- a/src/components/TimeField/__snapshots__/TimeField.test.tsx.snap
+++ b/src/components/TimeField/__snapshots__/TimeField.test.tsx.snap
@@ -13,6 +13,7 @@ exports[`render should render correcly 1`] = `
   font-family: "IBM Plex Sans",sans-serif;
   font-size: 0.8125rem;
   line-height: 1rem;
+  margin: 0;
   padding: calc(0.5rem - 1px) 0.5rem;
   width: 100%;
   -webkit-transition-property: box-shadow;