From 7b0306acc397ee61e94de45788d144336b42e160 Mon Sep 17 00:00:00 2001
From: Jon Kafton <939376+jonkafton@users.noreply.github.com>
Date: Tue, 18 Feb 2025 18:42:50 +0100
Subject: [PATCH] Match resource drawer widths

---
 .../page-components/AiRecommendationBot/AiRecommendationBot.tsx | 2 +-
 .../AiRecommendationBot/AiRecommendationBotDrawer.tsx           | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/frontends/main/src/page-components/AiRecommendationBot/AiRecommendationBot.tsx b/frontends/main/src/page-components/AiRecommendationBot/AiRecommendationBot.tsx
index 137d862c54..37b477bee2 100644
--- 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
index 3bf54fc93d..bf9d1e45aa 100644
--- 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%",
   },
 }))