diff --git a/src/components/Album/header.tsx b/src/components/Album/header.tsx
index c6221eb3..92c2b062 100644
--- a/src/components/Album/header.tsx
+++ b/src/components/Album/header.tsx
@@ -65,7 +65,7 @@ export default function AlbumTrackListHeader({ album }: { album: BaseItemDto }):
 
 				{album.AlbumArtists && album.AlbumArtists.length > 0 && (
 					<Paragraph
-						fontWeight={'bold'}
+						fontWeight={'$6'}
 						color={'$primary'}
 						onPress={() =>
 							navigation.navigate('Artist', {
@@ -106,14 +106,13 @@ export default function AlbumTrackListHeader({ album }: { album: BaseItemDto }):
 						<Button
 							flex={1}
 							icon={() => <Icon small name='play' color='$background' />}
-							borderWidth={'$0.25'}
 							borderRadius={'$4'}
 							backgroundColor={'$primary'}
 							paddingRight={'$5'}
 							onPress={() => playAlbum(false)}
 							{...BUTTON_PRESS_STYLES}
 						>
-							<Paragraph fontWeight={'bold'} color={'$background'}>
+							<Paragraph fontWeight={'$6'} color={'$background'}>
 								Play
 							</Paragraph>
 						</Button>
@@ -127,7 +126,7 @@ export default function AlbumTrackListHeader({ album }: { album: BaseItemDto }):
 							onPress={() => playAlbum(true)}
 							{...BUTTON_PRESS_STYLES}
 						>
-							<Paragraph fontWeight={'bold'} color={'$primary'}>
+							<Paragraph fontWeight={'$6'} color={'$primary'}>
 								Shuffle
 							</Paragraph>
 						</Button>
diff --git a/src/components/Artist/header.tsx b/src/components/Artist/header.tsx
index baa18f63..3aa88d9a 100644
--- a/src/components/Artist/header.tsx
+++ b/src/components/Artist/header.tsx
@@ -70,7 +70,7 @@ export default function ArtistHeader(): React.JSX.Element {
 			<YStack paddingHorizontal={'$2'}>
 				<XStack alignItems='flex-end' justifyContent='flex-start' flex={1}>
 					<XStack alignItems='center' flex={1} justifyContent='space-between'>
-						<H5 flexGrow={1} fontWeight={'bold'}>
+						<H5 flexGrow={1} fontWeight={'$6'}>
 							{artist.Name}
 						</H5>
 					</XStack>
@@ -105,7 +105,7 @@ export default function ArtistHeader(): React.JSX.Element {
 						})
 					}
 				>
-					<Text fontWeight={'bold'} fontSize={'$4'}>{`View Tracks`}</Text>
+					<Text fontWeight={'$6'} fontSize={'$4'}>{`View Tracks`}</Text>
 
 					<Icon name='chevron-right' small />
 				</XStack>
diff --git a/src/components/Global/components/instant-mix-button.tsx b/src/components/Global/components/instant-mix-button.tsx
index a419898d..0c9c4818 100644
--- a/src/components/Global/components/instant-mix-button.tsx
+++ b/src/components/Global/components/instant-mix-button.tsx
@@ -51,7 +51,7 @@ export function InstantMixButton({
 			borderWidth={'$1'}
 			{...BUTTON_PRESS_STYLES}
 		>
-			<Text fontWeight={'bold'} color={'$success'}>
+			<Text fontWeight={'$6'} color={'$success'}>
 				Mix
 			</Text>
 		</Button>
diff --git a/src/components/Global/components/library-selector.tsx b/src/components/Global/components/library-selector.tsx
index 98984a75..c74c3369 100644
--- a/src/components/Global/components/library-selector.tsx
+++ b/src/components/Global/components/library-selector.tsx
@@ -196,7 +196,7 @@ export default function LibrarySelector({
 					testID='let_s_go_button'
 					flex={1}
 				>
-					<Paragraph color={'$primary'} fontWeight={'bold'}>
+					<Paragraph color={'$primary'} fontWeight={'$6'}>
 						{primaryButtonText}
 					</Paragraph>
 				</Button>
diff --git a/src/components/Global/helpers/flashlist-sticky-header.tsx b/src/components/Global/helpers/flashlist-sticky-header.tsx
index 838224cf..7b109729 100644
--- a/src/components/Global/helpers/flashlist-sticky-header.tsx
+++ b/src/components/Global/helpers/flashlist-sticky-header.tsx
@@ -12,7 +12,7 @@ export default function FlashListStickyHeader({ text }: { text: string }): React
 			borderColor={'$primary'}
 			backgroundColor={'$background'}
 		>
-			<Text margin={'$2'} fontSize={'$4'} fontWeight={'bold'} color={'$primary'}>
+			<Text margin={'$2'} fontSize={'$4'} fontWeight={'$6'} color={'$primary'}>
 				{text}
 			</Text>
 		</XStack>
diff --git a/src/components/Global/helpers/time-codes.tsx b/src/components/Global/helpers/time-codes.tsx
index 0f694456..5f4eec15 100644
--- a/src/components/Global/helpers/time-codes.tsx
+++ b/src/components/Global/helpers/time-codes.tsx
@@ -13,7 +13,7 @@ export function RunTimeSeconds({
 }): React.JSX.Element {
 	return (
 		<Paragraph
-			fontWeight={'bold'}
+			fontWeight={'$6'}
 			color={color}
 			textAlign={alignment}
 			fontVariant={['tabular-nums']}
diff --git a/src/components/Player/components/scrubber.tsx b/src/components/Player/components/scrubber.tsx
index f4a60119..db2fe310 100644
--- a/src/components/Player/components/scrubber.tsx
+++ b/src/components/Player/components/scrubber.tsx
@@ -98,11 +98,7 @@ export default function Scrubber({ onSeekComplete }: ScrubberProps = {}): React.
 			{/* Time display and quality badge */}
 			<XStack alignItems='center' justifyContent='space-between'>
 				<YStack flex={1}>
-					<Paragraph
-						fontWeight={'bold'}
-						textAlign={'left'}
-						fontVariant={['tabular-nums']}
-					>
+					<Paragraph fontWeight={'$6'} textAlign={'left'} fontVariant={['tabular-nums']}>
 						{positionRunTimeText}
 					</Paragraph>
 				</YStack>
diff --git a/src/components/Player/components/song-info.tsx b/src/components/Player/components/song-info.tsx
index 1b219d02..da3ca434 100644
--- a/src/components/Player/components/song-info.tsx
+++ b/src/components/Player/components/song-info.tsx
@@ -136,7 +136,7 @@ export default function SongInfo({ swipeX }: SongInfoProps = {}): React.JSX.Elem
 						key={`${currentTrack?.id ?? 'no-track'}-title`}
 					>
 						<Paragraph
-							fontWeight={'bold'}
+							fontWeight={'$6'}
 							fontSize={'$6'}
 							onPress={handleTrackPress}
 							{...ICON_PRESS_STYLES}
diff --git a/src/components/Playlist/components/header.tsx b/src/components/Playlist/components/header.tsx
index 49a244b7..b42140e2 100644
--- a/src/components/Playlist/components/header.tsx
+++ b/src/components/Playlist/components/header.tsx
@@ -122,31 +122,30 @@ function PlaylistHeaderControls({
 		<XStack justifyContent='center' marginHorizontal={'$2'} gap={'$2'}>
 			<Button
 				flex={1}
-				{...BUTTON_PRESS_STYLES}
-				borderColor={'$primary'}
-				borderWidth={'$1'}
+				backgroundColor={'$primary'}
 				onPress={async () => await playPlaylist(false)}
-				icon={<Icon name='play' color='$primary' small />}
+				icon={<Icon name='play' color='$background' small />}
+				{...BUTTON_PRESS_STYLES}
 			>
-				<Text bold color={'$primary'}>
+				<Text bold color={'$background'}>
 					Play
 				</Text>
 			</Button>
 
-			<InstantMixButton item={playlist} navigation={navigation} />
-
 			<Button
 				flex={1}
-				{...BUTTON_PRESS_STYLES}
 				borderColor={'$primary'}
 				borderWidth={'$1'}
 				onPress={async () => await playPlaylist(true)}
 				icon={<Icon name='shuffle' color='$primary' small />}
+				{...BUTTON_PRESS_STYLES}
 			>
 				<Text bold color={'$primary'}>
 					Shuffle
 				</Text>
 			</Button>
+
+			<InstantMixButton item={playlist} navigation={navigation} />
 		</XStack>
 	)
 }
diff --git a/src/components/Queue/index.tsx b/src/components/Queue/index.tsx
index 9d182939..143377bb 100644
--- a/src/components/Queue/index.tsx
+++ b/src/components/Queue/index.tsx
@@ -39,7 +39,7 @@ export default function Queue({
 			headerRight: () => {
 				return (
 					<XStack gap='$1'>
-						<Text color={'$warning'} marginVertical={'auto'} fontWeight={'bold'}>
+						<Text color={'$warning'} marginVertical={'auto'} fontWeight={'$6'}>
 							Clear
 						</Text>
 						<Icon name='broom' color='$warning' onPress={async () => {}} />
diff --git a/src/configs/style.config.ts b/src/configs/style.config.ts
index 940985c9..5fc28b85 100644
--- a/src/configs/style.config.ts
+++ b/src/configs/style.config.ts
@@ -1,7 +1,7 @@
 import { ViewStyle } from 'tamagui'
 
 export const BUTTON_PRESS_STYLES: Pick<ViewStyle, 'pressStyle' | 'hoverStyle' | 'transition'> = {
-	transition: 'bouncy',
+	transition: 'quick',
 	pressStyle: { scale: 0.875 },
 	hoverStyle: { scale: 0.925 },
 }
diff --git a/src/screens/GenreSelection/index.tsx b/src/screens/GenreSelection/index.tsx
index 9ce38789..4ab307a9 100644
--- a/src/screens/GenreSelection/index.tsx
+++ b/src/screens/GenreSelection/index.tsx
@@ -253,7 +253,7 @@ export default function GenreSelectionScreen({
 						size='$3'
 						onPress={handleSave}
 					>
-						<Paragraph fontWeight={'bold'} color={'$primary'}>
+						<Paragraph fontWeight={'$6'} color={'$primary'}>
 							Apply
 						</Paragraph>
 					</Button>
diff --git a/src/screens/Login/server-authentication.tsx b/src/screens/Login/server-authentication.tsx
index c2980729..3cfd7dd3 100644
--- a/src/screens/Login/server-authentication.tsx
+++ b/src/screens/Login/server-authentication.tsx
@@ -121,7 +121,7 @@ export default function ServerAuthentication({
 								}
 							}}
 						>
-							<Paragraph fontWeight={'bold'} color={'$primary'}>
+							<Paragraph fontWeight={'$6'} color={'$primary'}>
 								Sign in
 							</Paragraph>
 						</Button>
diff --git a/src/screens/Settings/storage-selection-modal.tsx b/src/screens/Settings/storage-selection-modal.tsx
index af30a4e0..702e0131 100644
--- a/src/screens/Settings/storage-selection-modal.tsx
+++ b/src/screens/Settings/storage-selection-modal.tsx
@@ -119,7 +119,7 @@ export default function StorageSelectionModal({
 						disabled={isDeleting}
 						backgroundColor='$danger'
 					>
-						<Paragraph fontWeight={'bold'} color={'$background'}>
+						<Paragraph fontWeight={'$6'} color={'$background'}>
 							Delete downloads
 						</Paragraph>
 					</Button>
diff --git a/src/screens/Storage/index.tsx b/src/screens/Storage/index.tsx
index 4fd0b33f..502db728 100644
--- a/src/screens/Storage/index.tsx
+++ b/src/screens/Storage/index.tsx
@@ -244,7 +244,7 @@ const StorageSummaryCard = ({
 						onPress={onDeleteAll}
 						icon={() => <Icon name='broom' color='$background' small />}
 					>
-						<Paragraph fontWeight={'bold'} color={'$background'}>
+						<Paragraph fontWeight={'$6'} color={'$background'}>
 							Clear All
 						</Paragraph>
 					</Button>
@@ -341,7 +341,7 @@ const CleanupSuggestionsRow = ({
 								}
 								onPress={() => onApply(suggestion)}
 							>
-								<Paragraph fontWeight={'bold'} color={'$background'}>
+								<Paragraph fontWeight={'$6'} color={'$background'}>
 									Free {formatBytes(suggestion.freedBytes)}
 								</Paragraph>
 							</Button>
@@ -486,7 +486,7 @@ const SelectionReviewBanner = ({
 				onPress={onDelete}
 			>
 				<Paragraph
-					fontWeight={'bold'}
+					fontWeight={'$6'}
 					color={'$warning'}
 				>{`Clear ${formatBytes(selectedBytes)}`}</Paragraph>
 			</Button>
diff --git a/src/screens/YearSelection/index.tsx b/src/screens/YearSelection/index.tsx
index 275f424b..fd1825f8 100644
--- a/src/screens/YearSelection/index.tsx
+++ b/src/screens/YearSelection/index.tsx
@@ -285,7 +285,7 @@ export default function YearSelectionScreen({
 						size='$3'
 						onPress={handleSave}
 					>
-						<Paragraph color={'$primary'} fontWeight={'bold'}>
+						<Paragraph color={'$primary'} fontWeight={'$6'}>
 							Apply
 						</Paragraph>
 					</Button>
diff --git a/src/screens/index.tsx b/src/screens/index.tsx
index bee8bbde..d5cde5ee 100644
--- a/src/screens/index.tsx
+++ b/src/screens/index.tsx
@@ -150,14 +150,14 @@ function ContextSheetHeader(item: BaseItemDto): React.JSX.Element {
 	return (
 		<YStack gap={'$1'} marginTop={'$4'} alignItems='center'>
 			<TextTicker {...TextTickerConfig}>
-				<Paragraph fontWeight={'bold'} fontSize={'$6'}>
+				<Paragraph fontWeight={'$6'} fontSize={'$6'}>
 					{getItemName(item)}
 				</Paragraph>
 			</TextTicker>
 
 			{(item.ArtistItems?.length ?? 0) > 0 && (
 				<TextTicker {...TextTickerConfig}>
-					<Paragraph fontWeight={'bold'} fontSize={'$4'}>
+					<Paragraph fontWeight={'$6'} fontSize={'$4'}>
 						{`${formatArtistNames(item.ArtistItems?.map((artist) => getItemName(artist)) ?? [])}`}
 					</Paragraph>
 				</TextTicker>