diff --git a/public/manifest.json b/public/manifest.json
index c860d6d..6602e43 100644
--- a/public/manifest.json
+++ b/public/manifest.json
@@ -1,7 +1,7 @@
 {
   "name": "European Football Leagues Score",
   "description": "Simple football box score",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "manifest_version": 3,
   "action": {
     "default_popup": "index.html",
diff --git a/src/App.tsx b/src/App.tsx
index c471ca4..a9995e0 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -17,6 +17,8 @@ import laliga from './resources/images/laliga.png'
 import epl from './resources/images/epl.png'
 import seriea from './resources/images/seriea.png'
 import ligue1 from './resources/images/ligue1.png'
+import europa from './resources/images/europa.png'
+import conference from './resources/images/conference.png'
 
 const LeagueOption: React.FC<{ image: string; name: string }> = ({
   image,
@@ -36,27 +38,41 @@ const App: React.FC = () => {
   const [date, setDate] = useState<dayjs.Dayjs>(dayjs())
   const [league, setLeague] = useState<string>('eng.1')
   const leagueOptions = [
-    {
-      value: 'eng.1',
-      label: <LeagueOption image={epl} name={'Premier League'} />,
-    },
-    { value: 'esp.1', label: <LeagueOption image={laliga} name={'LaLiga'} /> },
-    {
-      value: 'ger.1',
-      label: <LeagueOption image={bundesliga} name={'Bundesliga'} />,
-    },
-    {
-      value: 'ita.1',
-      label: <LeagueOption image={seriea} name={'Serie A'} />,
-    },
-    {
-      value: 'fra.1',
-      label: <LeagueOption image={ligue1} name={'Ligue 1'} />,
-    },
-    {
-      value: 'uefa.champions',
-      label: <LeagueOption image={ucl} name={'UEFA Champions League'} />,
+    {label: 'Nation', options: [
+        {
+          value: 'eng.1',
+          label: <LeagueOption image={epl} name={'Premier League'} />,
+        },
+        { value: 'esp.1', label: <LeagueOption image={laliga} name={'LaLiga'} /> },
+        {
+          value: 'ger.1',
+          label: <LeagueOption image={bundesliga} name={'Bundesliga'} />,
+        },
+        {
+          value: 'ita.1',
+          label: <LeagueOption image={seriea} name={'Serie A'} />,
+        },
+        {
+          value: 'fra.1',
+          label: <LeagueOption image={ligue1} name={'Ligue 1'} />,
+        },
+      ]
     },
+    {label: 'UEFA', options: [
+        {
+          value: 'uefa.champions',
+          label: <LeagueOption image={ucl} name={'UEFA Champions League'} />,
+        },
+        {
+          value: 'uefa.europa',
+          label: <LeagueOption image={europa} name={'UEFA Europa League'} />,
+        },
+        {
+          value: 'uefa.europa.conf',
+          label: <LeagueOption image={conference} name={'UEFA Europa Conference League'} />,
+        },
+      ]
+    }
   ]
 
   const onChangeDate: DatePickerProps['onChange'] = (date, _dateString) => {
diff --git a/src/resources/images/conference.png b/src/resources/images/conference.png
new file mode 100644
index 0000000..d9e4691
Binary files /dev/null and b/src/resources/images/conference.png differ
diff --git a/src/resources/images/europa.png b/src/resources/images/europa.png
new file mode 100644
index 0000000..8ee0d9e
Binary files /dev/null and b/src/resources/images/europa.png differ