From 3b3d314f9c9198b0b88a1cddb0c496acde3f0481 Mon Sep 17 00:00:00 2001
From: Manav Rathi <manav@mrmr.io>
Date: Mon, 1 Apr 2024 16:50:41 +0530
Subject: [PATCH] Remove stale import from styled-engine

---
 web/apps/cast/src/components/LargeType.tsx                    | 4 ++--
 .../Search/SearchBar/searchInput/MenuWithPeople.tsx           | 3 +--
 2 files changed, 3 insertions(+), 4 deletions(-)

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";