Merge pull request #245 from MetroStar/form-width-fix

Remove Hardcoded Form Max Width
MetroStar · Aug 22, 2024 · f7bab3e · f7bab3e
2 parents 1ea2d04 + 69254e8
commit f7bab3e
Show file tree

Hide file tree

Showing 4 changed files with 3 additions and 4 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/comet-uswds/package.json b/packages/comet-uswds/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@metrostar/comet-uswds",
-  "version": "3.0.0",
+  "version": "3.0.1",
   "description": "React with TypeScript Component Library based on USWDS 3.0.",
   "license": "Apache-2.0",
   "main": "./dist/cjs/index.js",

diff --git a/packages/comet-uswds/src/components/form/form.stories.tsx b/packages/comet-uswds/src/components/form/form.stories.tsx
@@ -77,7 +77,7 @@ const FormWrapper: React.FC = () => {
   };
 
   return (
-    <Form id="contact-form" onSubmit={handleSubmit} className="width-tablet">
+    <Form id="contact-form" onSubmit={handleSubmit} className="maxw-mobile-lg">
       <TextInput
         id="name"
         name="name"

diff --git a/packages/comet-uswds/src/components/form/form.tsx b/packages/comet-uswds/src/components/form/form.tsx
@@ -25,7 +25,6 @@ export const Form = ({
     <form
       id={id}
       className={classNames('usa-form', { 'usa-form--large': isLarge }, className)}
-      style={{ maxWidth: 'unset' }}
       {...formProps}
     >
       {children}