diff --git a/packages/browser-sdk/src/toolbar/Features.css b/packages/browser-sdk/src/toolbar/Features.css index 8d724022..ddef7c6e 100644 --- a/packages/browser-sdk/src/toolbar/Features.css +++ b/packages/browser-sdk/src/toolbar/Features.css @@ -69,6 +69,15 @@ text-overflow: ellipsis; width: auto; padding: 6px 6px 6px 0; + display: flex; + align-items: center; + gap: 8px; + + .feature-icon { + height: 15px; + width: 15px; + color: var(--dimmed-color); + } } .feature-link { diff --git a/packages/browser-sdk/src/toolbar/Features.tsx b/packages/browser-sdk/src/toolbar/Features.tsx index 6dc3edde..2a8ea856 100644 --- a/packages/browser-sdk/src/toolbar/Features.tsx +++ b/packages/browser-sdk/src/toolbar/Features.tsx @@ -1,6 +1,8 @@ import { h } from "preact"; import { useEffect, useState } from "preact/hooks"; +import { Feature } from "../ui/icons/Feature"; + import { Switch } from "./Switch"; import { FeatureItem } from "./Toolbar"; @@ -79,6 +81,7 @@ function FeatureRow({ style={{ "--i": index }} >