src/components/games/GameDetailModal.tsx

@@ -19,10 +19,10 @@ const PLATFORM_LABELS: Record<GamePlatform, string> = {
 }
 
 const PLATFORM_COLORS: Record<GamePlatform, string> = {
-  windows: '#0078d4',
-  linux: '#e95420',
-  macos: '#6e6e73',
-  android: '#10b981',
+  windows: '#85c0ec',
+  linux: '#efd27b',
+  macos: '#b0b0b7',
+  android: '#9ee0ca',
 }
 
 interface Props {
@@ -589,8 +589,9 @@ function DownloadButton({
         onMouseLeave={(e) => ((e.currentTarget as HTMLElement).style.backgroundColor = 'var(--accent)')}
       >
         <span>↓</span>
-        <PlatformPill platform={primary.platform} />
-        Download {primary.filename}
+        <span className="truncate">{primary.filename}</span>
+        <span className="justify-right flex-shrink-0"><PlatformPill platform={primary.platform} /></span>
+        
       </a>
     )
   }
@@ -610,6 +611,7 @@ function DownloadButton({
           <span className="flex-shrink-0">↓</span>
           <PlatformPill platform={primary.platform} />
           <span className="truncate">{primary.filename}</span>
+          <span className="justify-right flex-shrink-0"><PlatformPill platform={primary.platform} /></span>
         </a>
 
         {/* Divider */}

src/components/games/GamesView.tsx

@@ -18,10 +18,10 @@ const PLATFORM_LABELS: Record<GamePlatform, string> = {
   android: 'AND',
 }
 const PLATFORM_COLORS: Record<GamePlatform, string> = {
-  windows: '#0078d4',
-  linux: '#e95420',
-  macos: '#6e6e73',
-  android: '#10b981',
+  windows: '#85c0ec',
+  linux: '#efd27b',
+  macos: '#b0b0b7',
+  android: '#9ee0ca',
 }
 
 const PLATFORM_ICONS: Record<GamePlatform, string> = {