fix: replace hardcoded width 97% with 100% on messages footer (CopilotKit#2325)

jpr5 · jpr5 · commit a12134ce3545 · 2026-04-12T13:21:43.000-07:00
The .copilotKitMessagesFooter used width:97% which caused horizontal
overflow in constrained containers. Changed to width:100% with
box-sizing:border-box so padding is included in the width calculation.
diff --git a/packages/react-ui/src/css/messages.css b/packages/react-ui/src/css/messages.css
@@ -21,7 +21,8 @@
   margin: 8px auto 0 auto;
   justify-content: flex-start;
   flex-direction: column;
-  width: 97%;
+  width: 100%;
+  box-sizing: border-box;
 }
 
 .copilotKitMessages::-webkit-scrollbar {

Original file line number	Diff line number	Diff line change
`@@ -21,7 +21,8 @@`
`21`	`21`	`margin: 8px auto 0 auto;`
`22`	`22`	`justify-content: flex-start;`
`23`	`23`	`flex-direction: column;`
`24`		`- width: 97%;`
	`24`	`+ width: 100%;`
	`25`	`+ box-sizing: border-box;`
`25`	`26`	`}`
`26`	`27`
`27`	`28`	`.copilotKitMessages::-webkit-scrollbar {`