diff --git a/web-app/src/screens/Console/Buckets/ListBuckets/AddBucket/BucketNamingRules.tsx b/web-app/src/screens/Console/Buckets/ListBuckets/AddBucket/BucketNamingRules.tsx
index 237543c6ab..5078be068d 100644
--- a/web-app/src/screens/Console/Buckets/ListBuckets/AddBucket/BucketNamingRules.tsx
+++ b/web-app/src/screens/Console/Buckets/ListBuckets/AddBucket/BucketNamingRules.tsx
@@ -61,6 +61,7 @@ const BucketNamingRules = ({ errorList }: { errorList: boolean[] }) => {
     <Fragment>
       <ExpandOptionsButton
         id={"toggle-naming-rules"}
+        type="button"
         open={showNamingRules}
         label={`${showNamingRules ? "Hide" : "View"} Bucket Naming Rules`}
         onClick={() => {