Merge pull request #89 from pluralsh/adjust-form

add styles to select
pluralsh · Jun 20, 2024 · 9506747 · 9506747
2 parents 4aace10 + ecccd7f
commit 9506747
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/components/HubspotForm.tsx b/src/components/HubspotForm.tsx
@@ -32,7 +32,7 @@ const HubspotFormSC = styled.div(({ theme: _ }) => ({
     marginTop: _.spacing.xsmall,
     display: 'block',
   },
-  '.hs-fieldtype-text': {
+  '.hs-fieldtype-text, .hs-fieldtype-select, .hs-fieldtype-phonenumber': {
     marginBottom: _.spacing.small,
   },
   '.hs-fieldtype-text:first-child': {
@@ -71,7 +71,7 @@ const HubspotFormSC = styled.div(({ theme: _ }) => ({
       color: _.colors['text-error'],
     },
   },
-  'input[type="text"], input[type="email"], input[type="tel"], input[type="submit"], input:-webkit-autofill':
+  'input[type="text"], input[type="email"], input[type="tel"], input[type="submit"], input[type="number"], input:-webkit-autofill, select':
     {
       height: 48,
       width: '100% !important',
@@ -88,7 +88,7 @@ const HubspotFormSC = styled.div(({ theme: _ }) => ({
     backgroundColor: 'rgba(255, 255, 255, 0.05) !important',
     padding: _.spacing.medium,
   },
-  'input, textarea': {
+  'input, textarea, select': {
     marginTop: _.spacing.xsmall,
     paddingLeft: _.spacing.medium,
     paddingRight: _.spacing.medium,