Make the content width a bit smaller

agent/uis/stockbroker/portfolio-view/index.tsx

@@ -160,7 +160,7 @@ export default function PortfolioView() {
   const chartData = selectedHolding ? generateChartData(selectedHolding) : [];
 
   return (
-    <div className="w-full max-w-4xl bg-white rounded-xl shadow-lg overflow-hidden border border-gray-200">
+    <div className="w-full max-w-3xl bg-white rounded-xl shadow-lg overflow-hidden border border-gray-200">
       <div className="bg-gradient-to-r from-indigo-700 to-indigo-500 px-6 py-4">
         <div className="flex justify-between items-center">
           <h2 className="text-white font-bold text-xl tracking-tight flex items-center">

agent/uis/stockbroker/stock-price/index.tsx

@@ -149,7 +149,7 @@ export default function StockPrice(props: {
   };
 
   return (
-    <div className="w-full max-w-4xl rounded-xl shadow-md overflow-hidden border border-gray-200 flex flex-col gap-4 p-3">
+    <div className="w-full max-w-3xl rounded-xl shadow-md overflow-hidden border border-gray-200 flex flex-col gap-4 p-3">
       <div className="flex items-center justify-start gap-4 mb-2 text-lg font-medium text-gray-700">
         <p>{ticker}</p>
         <p>${currentPrice}</p>

agent/uis/trip-planner/accommodations-list/index.tsx

@@ -320,7 +320,7 @@ export default function AccommodationsList({
           align: "start",
           loop: true,
         }}
-        className="w-full sm:max-w-sm md:max-w-2xl lg:max-w-3xl"
+        className="w-full sm:max-w-sm md:max-w-3xl lg:max-w-3xl"
       >
         <CarouselContent>
           {accommodations.map((accommodation) => (