team selection icon

Author: blessing-sanusi

src/frontend/src/components/common/TeamSelector.tsx

@@ -22,8 +22,8 @@ import {
   TabList
 } from '@fluentui/react-components';
 import {
-  ChevronUp16Regular,
   ChevronDown16Regular,
+  ChevronUpDown16Regular,
   CloudAdd20Regular,
   Delete20Regular,
   Search20Regular,
@@ -487,10 +487,7 @@ const TeamSelector: React.FC<TeamSelectorProps> = ({
                 {selectedTeam ? selectedTeam.name : 'No team selected'}
               </Body1>
             </div>
-            <div style={{ display: 'flex', flexDirection: 'column', gap: '1px' }}>
-              <ChevronUp16Regular style={{ color: '#605e5c' }} />
-              <ChevronDown16Regular style={{ color: '#605e5c' }} />
-            </div>
+            <ChevronUpDown16Regular style={{ color: '#605e5c' }} />
           </Button>
         </DialogTrigger>
         <DialogSurface style={{ 

src/frontend/src/components/content/PlanPanelLeft.tsx

@@ -171,7 +171,7 @@ const PlanPanelLeft: React.FC<PlanPanelLefProps> = ({
         </PanelLeftToolbar>
 
         {/* Team Selector right under the toolbar */}
-        <div style={{ padding: '0 16px', marginTop: '8px', marginBottom: '16px' }}>
+        <div style={{  marginTop: '8px', marginBottom: '8px' }}>
           <TeamSelector
             onTeamSelect={handleTeamSelect}
             onTeamUpload={onTeamUpload}