diff --git a/src/ui/State.tsx b/src/ui/State.tsx
index 1b59de4..479dd7d 100644
--- a/src/ui/State.tsx
+++ b/src/ui/State.tsx
@@ -456,7 +456,7 @@ export class StateStore
       this.props.player.tracks.sort(
         (a, b) => Number(b.height) - Number(a.height),
       ),
-      'height',
+      'bandwidth',
     );
 
     let activeTrack = null;
diff --git a/src/ui/components/Settings.tsx b/src/ui/components/Settings.tsx
index ff457e6..21041a9 100644
--- a/src/ui/components/Settings.tsx
+++ b/src/ui/components/Settings.tsx
@@ -15,7 +15,10 @@ tabs[SettingsTabs.OPTIONS] = (props: SettingsProps) => (
             item: SettingsTabs.TRACKS,
             label: props.data.getTranslation('Quality'),
             info: `${
-              props.data.activeTrack ? props.data.activeTrack.width : ''
+              props.data.activeTrack ?
+              (props.data.activeTrack.width ?
+                  (""+props.data.activeTrack.width+"x"+props.data.activeTrack.height+", "):"")
+              +(props.data.activeTrack.bandwidth/1e6).toPrecision(2)+"M" : ''
             }`,
           },
           props.data.visibleSettingsTabs.includes(SettingsTabs.SUBTITLES) && {
@@ -55,7 +58,8 @@ tabs[SettingsTabs.TRACKS] = (props: SettingsProps) => (
       items={[
         ...props.data.tracks.map(track => ({
           item: track,
-          label: `${track.width}`,
+          label: `${(track.width?(""+track.width+"x"+track.height+", "):"")
+                     +(track.bandwidth/1e6).toPrecision(2)+"M"}`,
         })),
         {
           item: 'auto',
diff --git a/src/ui/i18n.ts b/src/ui/i18n.ts
index 0c2ef4e..a10fe9d 100644
--- a/src/ui/i18n.ts
+++ b/src/ui/i18n.ts
@@ -108,6 +108,7 @@ export const translations = {
     'Automatic quality': 'Automática',
     'Enable subtitles': 'Habilitar legenda',
     'Disable subtitles': 'Desabilitar legenda',
+  }
 };
 
 export const getTranslation = languageCode => text => {