diff --git a/package-lock.json b/package-lock.json
index 67dcb886e6..ef36f36a0b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -5,7 +5,6 @@
   "requires": true,
   "packages": {
     "": {
-      "name": "manager-ui",
       "version": "1.0.1",
       "license": "Commons Clause License Condition v1.0",
       "dependencies": {
@@ -31,7 +30,7 @@
         "@tinymce/tinymce-react": "^3.12.6",
         "@welldone-software/why-did-you-render": "^6.1.1",
         "@zesty-io/core": "1.9.1",
-        "@zesty-io/material": "^0.12.0",
+        "@zesty-io/material": "^0.12.1",
         "chart.js": "^3.8.0",
         "chartjs-adapter-moment": "^1.0.1",
         "chartjs-plugin-datalabels": "^2.0.0",
@@ -3868,9 +3867,9 @@
       }
     },
     "node_modules/@zesty-io/material": {
-      "version": "0.12.0",
-      "resolved": "https://registry.npmjs.org/@zesty-io/material/-/material-0.12.0.tgz",
-      "integrity": "sha512-CTLhBksRX3vQqmOZOkLqUBXQp1Ka2jRN89IpWtmBHlBl6Tq9w0da/UHIWMo61nWpgony5h4oAG6jyYsOIwfWCw==",
+      "version": "0.12.1",
+      "resolved": "https://registry.npmjs.org/@zesty-io/material/-/material-0.12.1.tgz",
+      "integrity": "sha512-1gHtOi6PS620Sk3cAPG/ZsjLtCvWbopGJIR+fNSg7LncsXQRPH7z31NVhxgDQAV4+IQANUEV6SbzWIE8uIhHNw==",
       "dependencies": {
         "@emotion/react": "^11.9.0",
         "@emotion/styled": "^11.8.1",
@@ -18013,9 +18012,9 @@
       }
     },
     "@zesty-io/material": {
-      "version": "0.12.0",
-      "resolved": "https://registry.npmjs.org/@zesty-io/material/-/material-0.12.0.tgz",
-      "integrity": "sha512-CTLhBksRX3vQqmOZOkLqUBXQp1Ka2jRN89IpWtmBHlBl6Tq9w0da/UHIWMo61nWpgony5h4oAG6jyYsOIwfWCw==",
+      "version": "0.12.1",
+      "resolved": "https://registry.npmjs.org/@zesty-io/material/-/material-0.12.1.tgz",
+      "integrity": "sha512-1gHtOi6PS620Sk3cAPG/ZsjLtCvWbopGJIR+fNSg7LncsXQRPH7z31NVhxgDQAV4+IQANUEV6SbzWIE8uIhHNw==",
       "requires": {
         "@emotion/react": "^11.9.0",
         "@emotion/styled": "^11.8.1",
diff --git a/package.json b/package.json
index 9dacb32bf6..9c8111bbc7 100644
--- a/package.json
+++ b/package.json
@@ -59,7 +59,7 @@
     "@tinymce/tinymce-react": "^3.12.6",
     "@welldone-software/why-did-you-render": "^6.1.1",
     "@zesty-io/core": "1.9.1",
-    "@zesty-io/material": "^0.12.0",
+    "@zesty-io/material": "^0.12.1",
     "chart.js": "^3.8.0",
     "chartjs-adapter-moment": "^1.0.1",
     "chartjs-plugin-datalabels": "^2.0.0",
diff --git a/src/apps/media/src/app/components/FileModal/OTFEditor.tsx b/src/apps/media/src/app/components/FileModal/OTFEditor.tsx
index 7867104944..f304769793 100644
--- a/src/apps/media/src/app/components/FileModal/OTFEditor.tsx
+++ b/src/apps/media/src/app/components/FileModal/OTFEditor.tsx
@@ -18,6 +18,7 @@ import ContentCopyIcon from "@mui/icons-material/ContentCopy";
 import RotateRightRoundedIcon from "@mui/icons-material/RotateRightRounded";
 import { FlipHorizontal, FlipVertical } from "@zesty-io/material";
 import BlurOnRoundedIcon from "@mui/icons-material/BlurOnRounded";
+import InfoOutlinedIcon from "@mui/icons-material/InfoOutlined";
 import CheckIcon from "@mui/icons-material/Check";
 import { isEmpty, omitBy } from "lodash";
 
diff --git a/src/apps/media/src/app/components/Header.tsx b/src/apps/media/src/app/components/Header.tsx
index ad6b552b2f..50db7c55d0 100644
--- a/src/apps/media/src/app/components/Header.tsx
+++ b/src/apps/media/src/app/components/Header.tsx
@@ -333,7 +333,7 @@ export const Header = ({
           <Stack
             direction="row"
             justifyContent="space-between"
-            alignItems="baseline"
+            alignItems="center"
           >
             <Stack gap={0.25}>
               {showBreadcrumbs && id && <MediaBreadcrumbs id={id} />}