From 097d80c69e5d32d9e40232c2d9cf022cf74ff44c Mon Sep 17 00:00:00 2001
From: Khalim Conn-Kowlessar <kconnkowlessar@gmail.com>
Date: Wed, 31 Jul 2024 10:46:47 +0100
Subject: [PATCH] changing the layout of the select box

---
 src/app/components/portfolio/SummaryBox.tsx | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/src/app/components/portfolio/SummaryBox.tsx b/src/app/components/portfolio/SummaryBox.tsx
index 8000666..cefa459 100644
--- a/src/app/components/portfolio/SummaryBox.tsx
+++ b/src/app/components/portfolio/SummaryBox.tsx
@@ -100,15 +100,12 @@ function SummaryBox({ scenarios, numProperties }: SummaryBoxProps) {
       <h2 className="text-2xl font-bold mb-4 text-brandblue text-center">
         Portfolio Summary
       </h2>
-      <div className="mb-4 text-center">
-        <label htmlFor="scenario-select" className="mr-2">
-          Select Scenario:
-        </label>
+      <div className="mb-4 flex items-center justify-center">
         <select
           id="scenario-select"
           value={selectedScenarioId}
           onChange={(e) => handleScenarioChange(e.target.value)}
-          className="p-2 border rounded"
+          className="p-2 border rounded w-full"
         >
           {scenarios.map((scenario) => (
             <option key={String(scenario.id)} value={String(scenario.id)}>