Match resource drawer widths

mitodl · Feb 18, 2025 · 7b0306a · 7b0306a
1 parent 58b437a
commit 7b0306a
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/frontends/main/src/page-components/AiRecommendationBot/AiRecommendationBot.tsx b/frontends/main/src/page-components/AiRecommendationBot/AiRecommendationBot.tsx
@@ -5,7 +5,7 @@ import { AiChat, AiChatProps } from "@mitodl/smoot-design/ai"
 import type { AiChatMessage } from "@mitodl/smoot-design/ai"
 
 const Container = styled.div(({ theme }) => ({
-  width: "916px",
+  width: "900px",
   height: "100vh",
   padding: "16px 24px 24px 24px",
   [theme.breakpoints.down("md")]: {

diff --git a/frontends/main/src/page-components/AiRecommendationBot/AiRecommendationBotDrawer.tsx b/frontends/main/src/page-components/AiRecommendationBot/AiRecommendationBotDrawer.tsx
@@ -18,8 +18,10 @@ const EntryScreen = styled.div(({ theme }) => ({
   justifyContent: "center",
   gap: "16px",
   padding: "136px 40px 24px 40px",
+  width: "900px",
   [theme.breakpoints.down("md")]: {
     padding: "136px 24px 24px 24px",
+    width: "100%",
   },
 }))