# Task

[OP-XXX](link to ticket)

## Why?

Why were the changes needed? What issues were the changes addressing?
(Note: some changes may seem unrelated to the ticket, this is a great place to explain further.)

## What Changed

What changed in this PR?

- [ ] Change 1
- [ ] Change 2
- [ ] ...

## Quality Assurance

Add an X to all that apply like this: [X]
Cross out all that don't apply with ~~ ~~ around it like ~~this~~

- [ ] Have you tagged the PR with the correct labels?
- [ ] Have you validated the changes?
  - [ ] Have you run linters? (yarn sanity-check)
  - [ ] Have you run prettier?
  - [ ] Have you tried building the css?
  - [ ] Have you tried building storybook?
- [ ] Have you updated any usage of changed tokens?
- [ ] Did you add a component?
  - [ ] Have you added it to the dependency graph?
  - [ ] Have you added it to the docs?
- [ ] Did you update a component?
  - [ ] Have you updated the dependency graph?
  - [ ] Have you updated the docs?
- [ ] Do you need to update the package version?
  - [ ] Did you update the example pages in `.storybook/assets`?
- [ ] Were any changes made to the top level optics.css file?
  - [ ] Were those changes reflected in the other top level files?

## Screenshots

If any UI changes need to be shown off, please add screenshots here.