diff --git a/package.json b/package.json
index 22d2a55f..f668f6e1 100644
--- a/package.json
+++ b/package.json
@@ -49,7 +49,7 @@
     "@sentry/tracing": "^7.0.0",
     "@types/lodash": "^4.14.199",
     "@use-gesture/react": "^10.2.11",
-    "@vector-im/compound-design-tokens": "^0.1.0",
+    "@vector-im/compound-design-tokens": "^1.0.0",
     "@vector-im/compound-web": "^2.0.0",
     "@vitejs/plugin-basic-ssl": "^1.0.1",
     "@vitejs/plugin-react": "^4.0.1",
diff --git a/src/room/EncryptionLock.tsx b/src/room/EncryptionLock.tsx
index f7fcda31..5408f707 100644
--- a/src/room/EncryptionLock.tsx
+++ b/src/room/EncryptionLock.tsx
@@ -17,7 +17,7 @@ limitations under the License.
 import { FC } from "react";
 import { Tooltip } from "@vector-im/compound-web";
 import { useTranslation } from "react-i18next";
-import LockIcon from "@vector-im/compound-design-tokens/icons/lock.svg?react";
+import LockSolidIcon from "@vector-im/compound-design-tokens/icons/lock-solid.svg?react";
 import LockOffIcon from "@vector-im/compound-design-tokens/icons/lock-off.svg?react";
 
 import styles from "./EncryptionLock.module.css";
@@ -28,7 +28,7 @@ interface Props {
 
 export const EncryptionLock: FC<Props> = ({ encrypted }) => {
   const { t } = useTranslation();
-  const Icon = encrypted ? LockIcon : LockOffIcon;
+  const Icon = encrypted ? LockSolidIcon : LockOffIcon;
   const label = encrypted ? t("common.encrypted") : t("common.unencrypted");
 
   return (
diff --git a/src/video-grid/VideoTile.tsx b/src/video-grid/VideoTile.tsx
index 3ba16315..cc80bfb7 100644
--- a/src/video-grid/VideoTile.tsx
+++ b/src/video-grid/VideoTile.tsx
@@ -37,7 +37,7 @@ import {
 import MicOnSolidIcon from "@vector-im/compound-design-tokens/icons/mic-on-solid.svg?react";
 import MicOffSolidIcon from "@vector-im/compound-design-tokens/icons/mic-off-solid.svg?react";
 import ErrorIcon from "@vector-im/compound-design-tokens/icons/error.svg?react";
-import MicOffOutlineIcon from "@vector-im/compound-design-tokens/icons/mic-off-outline.svg?react";
+import MicOffIcon from "@vector-im/compound-design-tokens/icons/mic-off.svg?react";
 import OverflowHorizontalIcon from "@vector-im/compound-design-tokens/icons/overflow-horizontal.svg?react";
 import VolumeOnIcon from "@vector-im/compound-design-tokens/icons/volume-on.svg?react";
 import VolumeOffIcon from "@vector-im/compound-design-tokens/icons/volume-off.svg?react";
@@ -236,7 +236,7 @@ const UserMediaTile = subscribe<UserMediaTileProps, HTMLDivElement>(
     ) : (
       <>
         <ToggleMenuItem
-          Icon={MicOffOutlineIcon}
+          Icon={MicOffIcon}
           label={t("video_tile.mute_for_me")}
           checked={locallyMuted}
           onChange={onChangeMute}
diff --git a/yarn.lock b/yarn.lock
index d24481ba..92e0bdab 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3857,10 +3857,10 @@
   dependencies:
     "@use-gesture/core" "10.3.0"
 
-"@vector-im/compound-design-tokens@^0.1.0":
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/@vector-im/compound-design-tokens/-/compound-design-tokens-0.1.1.tgz#4fcf1212e6cc11256c443dc3bb02a9cdd8f2356c"
-  integrity sha512-cZJFQS8FknJB2B9cgLmw1fqU1Dr3x/Bt9ZQu/zgioIRHpwnvhe/5EyBXgZY18UIp/+sks95tt5js+W3tjtcO1A==
+"@vector-im/compound-design-tokens@^1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@vector-im/compound-design-tokens/-/compound-design-tokens-1.0.0.tgz#4fe7744bbe0bd093b064d42ca8bb475862bb2ce7"
+  integrity sha512-/hKAxE/WsmnNZamlSmLoFeAhNDhRpFdJYuY8NrPLaS/dKS/QRnty6UYzs9yWOVNFeiBfkNsrb7wYIFMrYWSRJw==
   dependencies:
     svg2vectordrawable "^2.9.1"