diff --git a/src/components/list-link.tsx b/src/components/list-link.tsx
index 815cf34..cc8688c 100644
--- a/src/components/list-link.tsx
+++ b/src/components/list-link.tsx
@@ -6,14 +6,16 @@ interface ListLinkProps {
   label: string;
   to: string;
   Icon?: Icon;
+  disabled?: boolean
 }
 
-const ListLink = ({ label, to, Icon }: ListLinkProps) => {
+const ListLink = ({ label, to, Icon, disabled=false }: ListLinkProps) => {
   const navigate = useNavigate();
 
   return (
     <>
       <NavLink
+        disabled={disabled}
         w="100%"
         p="md"
         component={"button"}
diff --git a/src/features/teams/components/team-form/song-picker.tsx b/src/features/teams/components/team-form/song-picker.tsx
index 298ae12..edcb7f6 100644
--- a/src/features/teams/components/team-form/song-picker.tsx
+++ b/src/features/teams/components/team-form/song-picker.tsx
@@ -8,6 +8,7 @@ import SongSearch from "./song-search";
 import DurationPicker from "./duration-picker";
 import SongSummary from "./song-summary";
 import { MusicNote } from "@phosphor-icons/react/dist/ssr";
+import { MusicNoteIcon } from "@phosphor-icons/react";
 
 interface Song {
   song_id: string;
@@ -117,7 +118,7 @@ const SongPickerComponent = ({ value: song, onChange, formValues }: SongPickerCo
             radius="md"
             bg="transparent"
           >
-            {!song?.song_image_url && <MusicNote size={24} color="var(--mantine-color-dimmed)" />}
+            {!song?.song_image_url && <MusicNoteIcon size={24} color="var(--mantine-color-dimmed)" />}
           </Avatar>
           <div>
             <Text size="sm" fw={500} c={song?.song_name ? undefined : "dimmed"}>
diff --git a/src/features/tournaments/components/started-tournament/index.tsx b/src/features/tournaments/components/started-tournament/index.tsx
index 8bdb75a..04d082f 100644
--- a/src/features/tournaments/components/started-tournament/index.tsx
+++ b/src/features/tournaments/components/started-tournament/index.tsx
@@ -69,8 +69,8 @@ const StartedTournament: React.FC<{ tournament: Tournament }> = ({
           to={`/tournaments/${tournament.id}/bracket`}
           Icon={TreeStructureIcon}
         />
-        <RulesListButton tournamentId={tournament.id} />
         <TeamListButton teams={tournament.teams || []} />
+        <RulesListButton tournamentId={tournament.id} />
       </Box>
     </Stack>
   );
diff --git a/src/features/tournaments/components/upcoming-tournament/index.tsx b/src/features/tournaments/components/upcoming-tournament/index.tsx
index 791e65b..cc18195 100644
--- a/src/features/tournaments/components/upcoming-tournament/index.tsx
+++ b/src/features/tournaments/components/upcoming-tournament/index.tsx
@@ -128,9 +128,10 @@ const UpcomingTournament: React.FC<{ tournament: Tournament }> = ({
           label={`View Bracket`}
           to={`/tournaments/${tournament.id}/bracket`}
           Icon={TreeStructureIcon}
+          disabled
         />
-        <RulesListButton tournamentId={tournament.id} />
         <TeamListButton teams={tournament.teams || []} />
+        <RulesListButton tournamentId={tournament.id} />
       </Box>
     </Stack>
   );