# Change color swatch shape & size

✨By default, color swatches appear as **squares** (**32x32 px**) in your filter sidebar. If you'd prefer to show them as **circles**, you can easily change this setting in the app.

***

### 🛠️ Steps to Change Swatch Shape

1. Open the **Smart Product Filter & Search** app.
2. In the left sidebar, click on **Filter**.
3. Open the filter tree that includes your color filter option you want to adjust.
4. Click the **Edit** icon (pencil) next to it.
5. Scroll down to the **Swatch Settings** section.
6. Look for the **Swatch Size dropdown**.
7. Choose a swatch size as needed.
8. Look for **Swatch Shape**.
9. Choose either:
   * **Circle**
   * **Square**
10. Click **Save** to apply the changes.

<figure><img src="https://2009335375-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKmtdB4I84W3J8hc91H4S%2Fuploads%2FqIvPSA3JbWkCwooQbJ6Y%2F2025-04-18_11-53-42.png?alt=media&#x26;token=dc414f5a-2eef-45a2-b1e4-9ec8bfaa3053" alt=""><figcaption></figcaption></figure>

***

### ✅ Done!

Your color swatches will now appear in the selected shape on your store’s filter sidebar.

***

### 💬 Need Help?

If you're not seeing the changes or need help customizing further, feel free to reach out:\
**📩 <contact@globosoftware.net>**