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)}>