The width is 1140px width. The content in tab 1 is more and takes width 1140px. so to maintain consistency can't change or make smaller width Suggest any other layout or better solution
If you are in need of using the same card for both tabs (wide and short) your options are:
- Reduce the widest tab
- Keep empty space in the shortest tab
As you mention that Option 1 is not possible then you can only keep the long width in the short tab.
Empty space is not a problem in your design. So you can just keep it. The only thing is the action button (reset password) should be either on the right or on the left of the tab.
From your comments on suggested solutions so far, it seems like this layout already works consistently within your sitewide style.
My only recommendation is this (based on how I've created forms in the past) : To better draw users' attention to the form, consider adding a slight gray background shade (#efefef or similar) to the forms (in all tabs), then set the tab container backgrounds to white. If padding is set on or within the form, not on the tab container, the white background only shows through when the form is not full-width. When this particular tab is active, white would be visible to the right of the form.
This would create a visual cue to the user that the form width is intentional. Also, grey color behind white form inputs is more visually attractive than white-on-white. If this looks off to you, though, keep the original. My suggestion may not look good, since you are already using grey as the background behind the tabs. Users expect consistency, and that's what you've given them. Good luck!
If you prefer the form to use some more horizontal space, you can also consider placing the labels left of the fields. While there are some drawbacks to this (this article sums up the pros and cons nicely) your labels are somewhat of the same length so it shouldn't be too big of an issue.