fix(pronto): fix blur level icon sizing not being applied

[jdimovska]

💡 Overview

Correctly apply sizing for different blur levels in setting dialog.

📝 Implementation notes

🎫 Ticket: https://linear.app/stream/issue/XYZ-123

📑 Docs: https://github.com/GetStream/docs-content/pull/

Summary by CodeRabbit

• Style
  • Optimized styling selectors for improved code maintainability.

[changeset-bot]

⚠️ No Changeset found

Latest commit: 3148658

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 80392f6f-7985-458d-bafd-409b8ba2a8f5

📥 Commits

Reviewing files that changed from the base of the PR and between 7d8a50d and 3148658.

📒 Files selected for processing (1)

• sample-apps/react/react-dogfood/style/SettingsTabModal.scss

---

📝 Walkthrough

Walkthrough

Updated SCSS selectors in the SettingsTabModal styles to improve class specificity. Changed nested selectors under blur variants to combined class selectors (.str-video__icon.rd__video-effects__blur--medium/low), retaining the same width and height values while refining selector structure.

Changes

Cohort / File(s)	Summary
Video Effects Styling sample-apps/react/react-dogfood/style/SettingsTabModal.scss	Refactored SCSS selectors for blur medium/low variants to use combined class selectors instead of nested selectors, improving specificity for .str-video__icon sizing rules.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~3 minutes

Poem

🐰 A hop and a bound through CSS rules,
Where selectors dance and specificity tools,
Blur variants nested now joined as one,
Icons align—the refactor is done!

🚥 Pre-merge checks | ✅ 3

✅ Passed checks (3 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title accurately describes the main change: fixing blur level icon sizing not being applied in the settings dialog.
Description check	✅ Passed	The description includes both required sections (Overview and Implementation notes) with relevant details and ticket/docs references.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch fix-buttons

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}