fix: condition builder style issues

[amal-k-joy]

Closes #6701

Move wrapper padding from component level to storyboook styles
Fix a style issue in popover

How did you test and verify your work?

local

[netlify]

✅ Deploy Preview for ibm-products-web-components ready!

Name	Link
🔨 Latest commit	d2ba79a
🔍 Latest deploy log	https://app.netlify.com/sites/ibm-products-web-components/deploys/6789f5466e38a00008adbffe
😎 Deploy Preview	https://deploy-preview-6724--ibm-products-web-components.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[netlify]

✅ Deploy Preview for carbon-for-ibm-products ready!

Name	Link
🔨 Latest commit	d2ba79a
🔍 Latest deploy log	https://app.netlify.com/sites/carbon-for-ibm-products/deploys/6789f546215b7d00084c41bc
😎 Deploy Preview	https://deploy-preview-6724--carbon-for-ibm-products.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 80.90%. Comparing base (df21099) to head (d2ba79a).
Report is 1 commits behind head on main.

Additional details and impacted files

@@           Coverage Diff           @@
##             main    #6724   +/-   ##
=======================================
  Coverage   80.90%   80.90%           
=======================================
  Files         398      398           
  Lines       12953    12953           
  Branches     4280     4280           
=======================================
  Hits        10480    10480           
  Misses       2473     2473           

Components	Coverage Δ
ibm-products	∅ <ø> (∅)
ibm-products-web-components	∅ <ø> (∅)