diff --git a/web/apps/cast/src/components/LargeType.tsx b/web/apps/cast/src/components/LargeType.tsx
index 61d31e409..ecf7a201b 100644
--- a/web/apps/cast/src/components/LargeType.tsx
+++ b/web/apps/cast/src/components/LargeType.tsx
@@ -1,4 +1,4 @@
-import styled from "@emotion/styled";
+import { styled } from "@mui/material";
 
 const colourPool = [
     "#87CEFA", // Light Blue
@@ -43,7 +43,7 @@ export default function LargeType({ chars }: { chars: string[] }) {
     );
 }
 
-const Container = styled.div`
+const Container = styled("div")`
     font-size: 4rem;
     font-weight: bold;
     font-family: monospace;
diff --git a/web/apps/photos/src/components/Search/SearchBar/searchInput/MenuWithPeople.tsx b/web/apps/photos/src/components/Search/SearchBar/searchInput/MenuWithPeople.tsx
index 1151e202f..f57ce85cf 100644
--- a/web/apps/photos/src/components/Search/SearchBar/searchInput/MenuWithPeople.tsx
+++ b/web/apps/photos/src/components/Search/SearchBar/searchInput/MenuWithPeople.tsx
@@ -1,6 +1,5 @@
 import { Row } from "@ente/shared/components/Container";
-import { Box } from "@mui/material";
-import styled from "@mui/styled-engine";
+import { Box, styled } from "@mui/material";
 import { PeopleList } from "components/MachineLearning/PeopleList";
 import { t } from "i18next";
 import { AppContext } from "pages/_app";