diff --git a/src/components/ChannelsDropdown.jsx b/src/components/ChannelsDropdown.jsx
index 745bceb..b9fbbc0 100644
--- a/src/components/ChannelsDropdown.jsx
+++ b/src/components/ChannelsDropdown.jsx
@@ -53,9 +53,11 @@ export const ChannelsDropdown = () => {
                     style = {{ maxWidth: '400px' }}
                     name = "channel"
                 >
-                    <option>Select Team Channel</option>
                     {graphData &&
-                        <ChannelsDropdownData graphData={graphData} />
+                        <>
+                            <option>Select Team Channel</option>
+                            <ChannelsDropdownData graphData={graphData} />
+                        < />
                     }
                 </Form.Select>
             </InputGroup>
diff --git a/src/components/ChatsDropdown.jsx b/src/components/ChatsDropdown.jsx
index 1bbccbf..14ff5dd 100644
--- a/src/components/ChatsDropdown.jsx
+++ b/src/components/ChatsDropdown.jsx
@@ -47,9 +47,11 @@ export const ChatsDropdown = () => {
                     style = {{ maxWidth: '250px' }}
                     name = "chat"
                 >
-                    <option>Select Chat</option>
                     {graphData &&
-                        <ChatsDropdownData graphData={graphData} />
+                        <>
+                            <option>Select Chat</option>
+                            <ChatsDropdownData graphData={graphData} />
+                        < />
                     }
                 </Form.Select>
             </InputGroup>
diff --git a/src/components/SharePointDropdown.jsx b/src/components/SharePointDropdown.jsx
index ef6190a..06aee3a 100644
--- a/src/components/SharePointDropdown.jsx
+++ b/src/components/SharePointDropdown.jsx
@@ -39,9 +39,11 @@ export const SharePointDropdown = () => {
                     style = {{ maxWidth: '250px' }}
                     name = "sharepoint"
                 >
-                    <option>Select SharePoint Site</option>
                     {graphData &&
-                        <SharePointDropdownData graphData={graphData} />
+                        <>
+                            <option>Select SharePoint Site</option>
+                            <SharePointDropdownData graphData={graphData} />
+                        < />
                     }
                 </Form.Select>
                 <Form.Control
diff --git a/src/components/TeamsDropdown.jsx b/src/components/TeamsDropdown.jsx
index f4f6752..a99fbc2 100644
--- a/src/components/TeamsDropdown.jsx
+++ b/src/components/TeamsDropdown.jsx
@@ -37,9 +37,11 @@ export const TeamsDropdown = () => {
                     style = {{ maxWidth: '250px' }}
                     name = "team"
                 >
-                    <option>Select Team</option>
                     {graphData &&
-                        <TeamsDropdownData graphData={graphData} />
+                        <>
+                            <option>Select Team</option>
+                            <TeamsDropdownData graphData={graphData} />
+                        < />
                     }
                 </Form.Select>
                 <Form.Control