diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 000000000..182b9ef27
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,6 @@
+{
+  "python.testing.cwd": "${workspaceFolder}/backend",
+  "python.testing.pytestArgs": ["."],
+  "python.testing.unittestEnabled": false,
+  "python.testing.pytestEnabled": true
+}
diff --git a/backend/endpoints/responses/rom.py b/backend/endpoints/responses/rom.py
index a76e5b05e..e80ac99c0 100644
--- a/backend/endpoints/responses/rom.py
+++ b/backend/endpoints/responses/rom.py
@@ -122,6 +122,7 @@ class RomSchema(BaseModel):
     collections: list[str]
     companies: list[str]
     game_modes: list[str]
+    age_ratings: list[str]
     igdb_metadata: RomIGDBMetadata | None
     moby_metadata: RomMobyMetadata | None
 
diff --git a/backend/endpoints/tests/test_rom.py b/backend/endpoints/tests/test_rom.py
index 35d20b500..b37d763f8 100644
--- a/backend/endpoints/tests/test_rom.py
+++ b/backend/endpoints/tests/test_rom.py
@@ -64,6 +64,7 @@ def test_update_rom(rename_file_mock, get_rom_by_id_mock, client, access_token,
             "expanded_games": "[]",
             "ports": "[]",
             "similar_games": "[]",
+            "age_ratings": "[1, 2]",
         },
     )
     assert response.status_code == 200
diff --git a/backend/handler/metadata/igdb_handler.py b/backend/handler/metadata/igdb_handler.py
index 8b8dd2246..7cd5db801 100644
--- a/backend/handler/metadata/igdb_handler.py
+++ b/backend/handler/metadata/igdb_handler.py
@@ -39,6 +39,12 @@ class IGDBPlatform(TypedDict):
     name: NotRequired[str]
 
 
+class IGDBAgeRating(TypedDict):
+    rating: str
+    category: str
+    rating_cover_url: str
+
+
 class IGDBMetadataPlatform(TypedDict):
     igdb_id: int
     name: str
@@ -63,6 +69,7 @@ class IGDBMetadata(TypedDict):
     collections: list[str]
     companies: list[str]
     game_modes: list[str]
+    age_ratings: list[IGDBAgeRating]
     platforms: list[IGDBMetadataPlatform]
     expansions: list[IGDBRelatedGame]
     dlcs: list[IGDBRelatedGame]
@@ -105,6 +112,11 @@ def extract_metadata_from_igdb_rom(
                 IGDBMetadataPlatform(igdb_id=p.get("id", ""), name=p.get("name", ""))
                 for p in rom.get("platforms", [])
             ],
+            "age_ratings": [
+                IGDB_AGE_RATINGS[r["rating"]]
+                for r in rom.get("age_ratings", [])
+                if r["rating"] in IGDB_AGE_RATINGS
+            ],
             "expansions": [
                 IGDBRelatedGame(
                     id=e["id"],
@@ -556,8 +568,8 @@ async def get_matched_roms_by_name(
         ]
 
         return [
-            IGDBRom(  # type: ignore[misc]
-                {
+            IGDBRom(
+                {  # type: ignore[misc]
                     k: v
                     for k, v in {
                         "igdb_id": rom["id"],
@@ -565,12 +577,12 @@ async def get_matched_roms_by_name(
                         "name": rom["name"],
                         "summary": rom.get("summary", ""),
                         "url_cover": self._normalize_cover_url(
-                            rom.get("cover", {})
-                            .get("url", "")
-                            .replace("t_thumb", "t_cover_big")
+                            pydash.get(rom, "cover.url", "").replace(
+                                "t_thumb", "t_cover_big"
+                            )
                         ),
                         "url_screenshots": [
-                            self._normalize_cover_url(s.get("url", ""))
+                            self._normalize_cover_url(s.get("url", ""))  # type: ignore[arg-type]
                             for s in rom.get("screenshots", [])
                         ],
                         "igdb_metadata": extract_metadata_from_igdb_rom(rom),
@@ -693,6 +705,7 @@ async def get_oauth_token(self) -> str:
     "similar_games.slug",
     "similar_games.name",
     "similar_games.cover.url",
+    "age_ratings.rating",
 ]
 
 SEARCH_FIELDS = ["game.id", "name"]
@@ -921,3 +934,186 @@ async def get_oauth_token(self) -> str:
     {"slug": "vc", "name": "Virtual Console"},
     {"slug": "airconsole", "name": "AirConsole"},
 ]
+
+IGDB_AGE_RATINGS: dict[int, IGDBAgeRating] = {
+    1: {
+        "rating": "Three",
+        "category": "PEGI",
+        "rating_cover_url": "https://www.igdb.com/icons/rating_icons/pegi/pegi_3.png",
+    },
+    2: {
+        "rating": "Seven",
+        "category": "PEGI",
+        "rating_cover_url": "https://www.igdb.com/icons/rating_icons/pegi/pegi_7.png",
+    },
+    3: {
+        "rating": "Twelve",
+        "category": "PEGI",
+        "rating_cover_url": "https://www.igdb.com/icons/rating_icons/pegi/pegi_12.png",
+    },
+    4: {
+        "rating": "Sixteen",
+        "category": "PEGI",
+        "rating_cover_url": "https://www.igdb.com/icons/rating_icons/pegi/pegi_16.png",
+    },
+    5: {
+        "rating": "Eighteen",
+        "category": "PEGI",
+        "rating_cover_url": "https://www.igdb.com/icons/rating_icons/pegi/pegi_18.png",
+    },
+    6: {
+        "rating": "RP",
+        "category": "ESRB",
+        "rating_cover_url": "https://www.igdb.com/icons/rating_icons/esrb/esrb_rp.png",
+    },
+    7: {
+        "rating": "EC",
+        "category": "ESRB",
+        "rating_cover_url": "https://www.igdb.com/icons/rating_icons/esrb/esrb_ec.png",
+    },
+    8: {
+        "rating": "E",
+        "category": "ESRB",
+        "rating_cover_url": "https://www.igdb.com/icons/rating_icons/esrb/esrb_e.png",
+    },
+    9: {
+        "rating": "E10",
+        "category": "ESRB",
+        "rating_cover_url": "https://www.igdb.com/icons/rating_icons/esrb/esrb_e10.png",
+    },
+    10: {
+        "rating": "T",
+        "category": "ESRB",
+        "rating_cover_url": "https://www.igdb.com/icons/rating_icons/esrb/esrb_t.png",
+    },
+    11: {
+        "rating": "M",
+        "category": "ESRB",
+        "rating_cover_url": "https://www.igdb.com/icons/rating_icons/esrb/esrb_m.png",
+    },
+    12: {
+        "rating": "AO",
+        "category": "ESRB",
+        "rating_cover_url": "https://www.igdb.com/icons/rating_icons/esrb/esrb_ao.png",
+    },
+    13: {
+        "rating": "CERO_A",
+        "category": "CERO",
+        "rating_cover_url": "https://www.igdb.com/icons/rating_icons/cero/cero_a.png",
+    },
+    14: {
+        "rating": "CERO_B",
+        "category": "CERO",
+        "rating_cover_url": "https://www.igdb.com/icons/rating_icons/cero/cero_b.png",
+    },
+    15: {
+        "rating": "CERO_C",
+        "category": "CERO",
+        "rating_cover_url": "https://www.igdb.com/icons/rating_icons/cero/cero_c.png",
+    },
+    16: {
+        "rating": "CERO_D",
+        "category": "CERO",
+        "rating_cover_url": "https://www.igdb.com/icons/rating_icons/cero/cero_d.png",
+    },
+    17: {
+        "rating": "CERO_Z",
+        "category": "CERO",
+        "rating_cover_url": "https://www.igdb.com/icons/rating_icons/cero/cero_z.png",
+    },
+    18: {
+        "rating": "USK_0",
+        "category": "USK",
+        "rating_cover_url": "https://www.igdb.com/icons/rating_icons/usk/usk_0.png",
+    },
+    19: {
+        "rating": "USK_6",
+        "category": "USK",
+        "rating_cover_url": "https://www.igdb.com/icons/rating_icons/usk/usk_6.png",
+    },
+    20: {
+        "rating": "USK_12",
+        "category": "USK",
+        "rating_cover_url": "https://www.igdb.com/icons/rating_icons/usk/usk_12.png",
+    },
+    21: {
+        "rating": "USK_16",
+        "category": "USK",
+        "rating_cover_url": "https://www.igdb.com/icons/rating_icons/usk/usk_16.png",
+    },
+    22: {
+        "rating": "USK_18",
+        "category": "USK",
+        "rating_cover_url": "https://www.igdb.com/icons/rating_icons/usk/usk_18.png",
+    },
+    23: {
+        "rating": "GRAC_ALL",
+        "category": "GRAC",
+        "rating_cover_url": "https://www.igdb.com/icons/rating_icons/grac/grac_all.png",
+    },
+    24: {
+        "rating": "GRAC_Twelve",
+        "category": "GRAC",
+        "rating_cover_url": "https://www.igdb.com/icons/rating_icons/grac/grac_twelve.png",
+    },
+    25: {
+        "rating": "GRAC_Fifteen",
+        "category": "GRAC",
+        "rating_cover_url": "https://www.igdb.com/icons/rating_icons/grac/grac_fifteen.png",
+    },
+    26: {
+        "rating": "GRAC_Eighteen",
+        "category": "GRAC",
+        "rating_cover_url": "https://www.igdb.com/icons/rating_icons/grac/grac_eighteen.png",
+    },
+    27: {
+        "rating": "GRAC_TESTING",
+        "category": "GRAC",
+        "rating_cover_url": "https://www.igdb.com/icons/rating_icons/grac/grac_testing.png",
+    },
+    28: {
+        "rating": "CLASS_IND_L",
+        "category": "CLASS_IND",
+        "rating_cover_url": "https://www.igdb.com/icons/rating_icons/classind/classind_l.png",
+    },
+    29: {
+        "rating": "CLASS_IND_Ten",
+        "category": "CLASS_IND",
+        "rating_cover_url": "https://www.igdb.com/icons/rating_icons/classind/classind_ten.png",
+    },
+    30: {
+        "rating": "CLASS_IND_Twelve",
+        "category": "CLASS_IND",
+        "rating_cover_url": "https://www.igdb.com/icons/rating_icons/classind/classind_twelve.png",
+    },
+    31: {
+        "rating": "ACB_G",
+        "category": "ACB",
+        "rating_cover_url": "https://www.igdb.com/icons/rating_icons/acb/acb_g.png",
+    },
+    32: {
+        "rating": "ACB_PG",
+        "category": "ACB",
+        "rating_cover_url": "https://www.igdb.com/icons/rating_icons/acb/acb_pg.png",
+    },
+    33: {
+        "rating": "ACB_M",
+        "category": "ACB",
+        "rating_cover_url": "https://www.igdb.com/icons/rating_icons/acb/acb_m.png",
+    },
+    34: {
+        "rating": "ACB_MA15",
+        "category": "ACB",
+        "rating_cover_url": "https://www.igdb.com/icons/rating_icons/acb/acb_ma15.png",
+    },
+    35: {
+        "rating": "ACB_R18",
+        "category": "ACB",
+        "rating_cover_url": "https://www.igdb.com/icons/rating_icons/acb/acb_r18.png",
+    },
+    36: {
+        "rating": "ACB_RC",
+        "category": "ACB",
+        "rating_cover_url": "https://www.igdb.com/icons/rating_icons/acb/acb_rc.png",
+    },
+}
diff --git a/backend/models/rom.py b/backend/models/rom.py
index 98cda9785..e198fcb15 100644
--- a/backend/models/rom.py
+++ b/backend/models/rom.py
@@ -170,6 +170,10 @@ def companies(self) -> list[str]:
     def game_modes(self) -> list[str]:
         return self.igdb_metadata.get("game_modes", [])
 
+    @property
+    def age_ratings(self) -> list[str]:
+        return [r["rating"] for r in self.igdb_metadata.get("age_ratings", [])]
+
     @property
     def fs_resources_path(self) -> str:
         return f"roms/{str(self.platform_id)}/{str(self.id)}"
diff --git a/backend/models/tests/rom_response_example.json b/backend/models/tests/rom_response_example.json
index 8323c9815..d52ed2f51 100644
--- a/backend/models/tests/rom_response_example.json
+++ b/backend/models/tests/rom_response_example.json
@@ -124,6 +124,7 @@
       }
     }
   ],
+  "age_ratings": [{ "rating": 1 }, { "rating": 2 }],
   "expansions": [
     {
       "id": 239930,
diff --git a/frontend/src/__generated__/index.ts b/frontend/src/__generated__/index.ts
index c6ae557a6..b2cc3b96d 100644
--- a/frontend/src/__generated__/index.ts
+++ b/frontend/src/__generated__/index.ts
@@ -20,6 +20,7 @@ export type { EmulationDict } from './models/EmulationDict';
 export type { FirmwareSchema } from './models/FirmwareSchema';
 export type { HeartbeatResponse } from './models/HeartbeatResponse';
 export type { HTTPValidationError } from './models/HTTPValidationError';
+export type { IGDBAgeRating } from './models/IGDBAgeRating';
 export type { IGDBMetadataPlatform } from './models/IGDBMetadataPlatform';
 export type { IGDBRelatedGame } from './models/IGDBRelatedGame';
 export type { MessageResponse } from './models/MessageResponse';
diff --git a/frontend/src/__generated__/models/DetailedRomSchema.ts b/frontend/src/__generated__/models/DetailedRomSchema.ts
index 3adeafbd4..c7517e44f 100644
--- a/frontend/src/__generated__/models/DetailedRomSchema.ts
+++ b/frontend/src/__generated__/models/DetailedRomSchema.ts
@@ -39,6 +39,7 @@ export type DetailedRomSchema = {
     collections: Array<string>;
     companies: Array<string>;
     game_modes: Array<string>;
+    age_ratings: Array<string>;
     igdb_metadata: (RomIGDBMetadata | null);
     moby_metadata: (RomMobyMetadata | null);
     path_cover_s: (string | null);
diff --git a/frontend/src/__generated__/models/IGDBAgeRating.ts b/frontend/src/__generated__/models/IGDBAgeRating.ts
new file mode 100644
index 000000000..3e5b6f228
--- /dev/null
+++ b/frontend/src/__generated__/models/IGDBAgeRating.ts
@@ -0,0 +1,11 @@
+/* generated using openapi-typescript-codegen -- do no edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+
+export type IGDBAgeRating = {
+    rating: string;
+    category: string;
+    rating_cover_url: string;
+};
+
diff --git a/frontend/src/__generated__/models/RomIGDBMetadata.ts b/frontend/src/__generated__/models/RomIGDBMetadata.ts
index d1c753bb3..c6f3eaa21 100644
--- a/frontend/src/__generated__/models/RomIGDBMetadata.ts
+++ b/frontend/src/__generated__/models/RomIGDBMetadata.ts
@@ -3,6 +3,7 @@
 /* tslint:disable */
 /* eslint-disable */
 
+import type { IGDBAgeRating } from './IGDBAgeRating';
 import type { IGDBMetadataPlatform } from './IGDBMetadataPlatform';
 import type { IGDBRelatedGame } from './IGDBRelatedGame';
 
@@ -17,6 +18,7 @@ export type RomIGDBMetadata = {
     collections?: Array<string>;
     companies?: Array<string>;
     game_modes?: Array<string>;
+    age_ratings?: Array<IGDBAgeRating>;
     platforms?: Array<IGDBMetadataPlatform>;
     expansions?: Array<IGDBRelatedGame>;
     dlcs?: Array<IGDBRelatedGame>;
diff --git a/frontend/src/__generated__/models/RomSchema.ts b/frontend/src/__generated__/models/RomSchema.ts
index 5b5a76f3b..a29ed3217 100644
--- a/frontend/src/__generated__/models/RomSchema.ts
+++ b/frontend/src/__generated__/models/RomSchema.ts
@@ -32,6 +32,7 @@ export type RomSchema = {
     collections: Array<string>;
     companies: Array<string>;
     game_modes: Array<string>;
+    age_ratings: Array<string>;
     igdb_metadata: (RomIGDBMetadata | null);
     moby_metadata: (RomMobyMetadata | null);
     path_cover_s: (string | null);
diff --git a/frontend/src/__generated__/models/SimpleRomSchema.ts b/frontend/src/__generated__/models/SimpleRomSchema.ts
index a414c6985..43ecf715b 100644
--- a/frontend/src/__generated__/models/SimpleRomSchema.ts
+++ b/frontend/src/__generated__/models/SimpleRomSchema.ts
@@ -34,6 +34,7 @@ export type SimpleRomSchema = {
     collections: Array<string>;
     companies: Array<string>;
     game_modes: Array<string>;
+    age_ratings: Array<string>;
     igdb_metadata: (RomIGDBMetadata | null);
     moby_metadata: (RomMobyMetadata | null);
     path_cover_s: (string | null);
diff --git a/frontend/src/components/Administration/Users/Dialog/CreateUser.vue b/frontend/src/components/Administration/Users/Dialog/CreateUser.vue
index 3379e6d08..d882f8c97 100644
--- a/frontend/src/components/Administration/Users/Dialog/CreateUser.vue
+++ b/frontend/src/components/Administration/Users/Dialog/CreateUser.vue
@@ -22,7 +22,6 @@ emitter?.on("showCreateUserDialog", () => {
   show.value = true;
 });
 
-// Functions
 async function createUser() {
   await userApi
     .createUser(user.value)
diff --git a/frontend/src/components/Administration/Users/Dialog/EditUser.vue b/frontend/src/components/Administration/Users/Dialog/EditUser.vue
index 218674bc9..d1198dbc1 100644
--- a/frontend/src/components/Administration/Users/Dialog/EditUser.vue
+++ b/frontend/src/components/Administration/Users/Dialog/EditUser.vue
@@ -22,7 +22,6 @@ emitter?.on("showEditUserDialog", (userToEdit) => {
   show.value = true;
 });
 
-// Functions
 function triggerFileInput() {
   const fileInput = document.getElementById("file-input");
   fileInput?.click();
diff --git a/frontend/src/components/Administration/Users/Table.vue b/frontend/src/components/Administration/Users/Table.vue
index 6318c420a..25697193c 100644
--- a/frontend/src/components/Administration/Users/Table.vue
+++ b/frontend/src/components/Administration/Users/Table.vue
@@ -58,7 +58,6 @@ const usersPerPage = ref(isNaN(storedUsersPerPage) ? 25 : storedUsersPerPage);
 const pageCount = ref(0);
 emitter?.on("updateDataTablePages", updateDataTablePages);
 
-// Functions
 function updateDataTablePages() {
   pageCount.value = Math.ceil(usersStore.allUsers.length / usersPerPage.value);
 }
diff --git a/frontend/src/components/Details/Info/GameInfo.vue b/frontend/src/components/Details/Info/GameInfo.vue
index 79333bd68..42ebaff42 100644
--- a/frontend/src/components/Details/Info/GameInfo.vue
+++ b/frontend/src/components/Details/Info/GameInfo.vue
@@ -7,7 +7,6 @@ import { useRouter } from "vue-router";
 
 const props = defineProps<{ rom: DetailedRom }>();
 const { xs } = useDisplay();
-const galleryFilterStore = storeGalleryFilter();
 const show = ref(false);
 const carousel = ref(0);
 const router = useRouter();
@@ -49,6 +48,30 @@ function onFilterClick(filter: FilterType, value: string) {
           </v-col>
         </v-row>
       </template>
+      <!-- Manually add age ratings to display logos -->
+      <template
+        v-if="
+          rom.igdb_metadata?.age_ratings &&
+          rom.igdb_metadata.age_ratings.length > 0
+        "
+      >
+        <v-row no-gutters class="mt-5">
+          <v-col cols="3" xl="2" class="text-capitalize">
+            <span>Age Rating</span>
+          </v-col>
+          <div class="d-flex">
+            <v-img
+              v-for="value in rom.igdb_metadata.age_ratings"
+              :key="value.rating"
+              @click="onFilterClick('age_ratings', value.rating)"
+              :src="value.rating_cover_url"
+              height="50"
+              width="50"
+              class="mr-4 cursor-pointer"
+            />
+          </div>
+        </v-row>
+      </template>
       <template v-if="rom.summary != ''">
         <v-divider class="mx-2 my-4" />
         <v-row no-gutters>
diff --git a/frontend/src/components/Gallery/AppBar/Collection/DeleteBtn.vue b/frontend/src/components/Gallery/AppBar/Collection/DeleteBtn.vue
index c91e490cc..d2928237c 100644
--- a/frontend/src/components/Gallery/AppBar/Collection/DeleteBtn.vue
+++ b/frontend/src/components/Gallery/AppBar/Collection/DeleteBtn.vue
@@ -19,7 +19,7 @@ const roms = storeRoms();
     @click="
       emitter?.emit(
         'showDeleteCollectionDialog',
-        roms.currentCollection as Collection
+        roms.currentCollection as Collection,
       )
     "
   >
diff --git a/frontend/src/components/Gallery/AppBar/Collection/EditBtn.vue b/frontend/src/components/Gallery/AppBar/Collection/EditBtn.vue
index 3081b5fe5..f1cbb7626 100644
--- a/frontend/src/components/Gallery/AppBar/Collection/EditBtn.vue
+++ b/frontend/src/components/Gallery/AppBar/Collection/EditBtn.vue
@@ -19,7 +19,7 @@ const roms = storeRoms();
     @click="
       emitter?.emit(
         'showEditCollectionDialog',
-        roms.currentCollection as Collection
+        roms.currentCollection as Collection,
       )
     "
   >
diff --git a/frontend/src/components/Gallery/AppBar/Platform/DeleteBtn.vue b/frontend/src/components/Gallery/AppBar/Platform/DeleteBtn.vue
index 6afe35aa8..48359f07c 100644
--- a/frontend/src/components/Gallery/AppBar/Platform/DeleteBtn.vue
+++ b/frontend/src/components/Gallery/AppBar/Platform/DeleteBtn.vue
@@ -19,7 +19,7 @@ const route = useRoute();
     @click="
       emitter?.emit(
         'showDeletePlatformDialog',
-        roms.currentPlatform as Platform
+        roms.currentPlatform as Platform,
       )
     "
   >
diff --git a/frontend/src/components/Gallery/AppBar/Platform/ScanBtn.vue b/frontend/src/components/Gallery/AppBar/Platform/ScanBtn.vue
index 57a6591b0..8115128d4 100644
--- a/frontend/src/components/Gallery/AppBar/Platform/ScanBtn.vue
+++ b/frontend/src/components/Gallery/AppBar/Platform/ScanBtn.vue
@@ -23,7 +23,11 @@ async function scan() {
 </script>
 
 <template>
-  <v-list-item v-if="romsStore.currentPlatform?.id" class="py-4 pr-5" @click="scan">
+  <v-list-item
+    v-if="romsStore.currentPlatform?.id"
+    class="py-4 pr-5"
+    @click="scan"
+  >
     <v-list-item-title class="d-flex">
       <v-icon icon="mdi-magnify-scan" class="mr-2" />
       Scan platform
diff --git a/frontend/src/components/Gallery/AppBar/Platform/UploadRomBtn.vue b/frontend/src/components/Gallery/AppBar/Platform/UploadRomBtn.vue
index e1c6f9783..2b615d938 100644
--- a/frontend/src/components/Gallery/AppBar/Platform/UploadRomBtn.vue
+++ b/frontend/src/components/Gallery/AppBar/Platform/UploadRomBtn.vue
@@ -18,15 +18,12 @@ const route = useRoute();
     @click="
       emitter?.emit(
         'showUploadRomDialog',
-        platforms.get(Number(route.params.platform)) as Platform
+        platforms.get(Number(route.params.platform)) as Platform,
       )
     "
   >
     <v-list-item-title class="d-flex">
-      <v-icon
-        icon="mdi-upload"
-        class="mr-2"
-      />Upload roms
+      <v-icon icon="mdi-upload" class="mr-2" />Upload roms
     </v-list-item-title>
   </v-list-item>
 </template>
diff --git a/frontend/src/components/Gallery/AppBar/common/FilterDrawer/Base.vue b/frontend/src/components/Gallery/AppBar/common/FilterDrawer/Base.vue
index 88c57ebf5..7bee95ee1 100644
--- a/frontend/src/components/Gallery/AppBar/common/FilterDrawer/Base.vue
+++ b/frontend/src/components/Gallery/AppBar/common/FilterDrawer/Base.vue
@@ -13,6 +13,7 @@ import { useDisplay } from "vuetify";
 const { xs } = useDisplay();
 const emitter = inject<Emitter<Events>>("emitter");
 const galleryFilterStore = storeGalleryFilter();
+
 const {
   activeFilterDrawer,
   selectedGenre,
@@ -23,9 +24,12 @@ const {
   filterCollections,
   selectedCompany,
   filterCompanies,
+  selectedAgeRating,
+  filterAgeRatings,
   selectedStatus,
   filterStatuses,
 } = storeToRefs(galleryFilterStore);
+
 const filters = [
   {
     label: "Genre",
@@ -47,6 +51,11 @@ const filters = [
     selected: selectedCompany,
     items: filterCompanies,
   },
+  {
+    label: "Age Rating",
+    selected: selectedAgeRating,
+    items: filterAgeRatings,
+  },
   {
     label: "Status",
     selected: selectedStatus,
@@ -59,6 +68,7 @@ function resetFilters() {
   selectedFranchise.value = null;
   selectedCollection.value = null;
   selectedCompany.value = null;
+  selectedAgeRating.value = null;
   selectedStatus.value = null;
   galleryFilterStore.disableFilterUnmatched();
   galleryFilterStore.disableFilterFavourites();
diff --git a/frontend/src/components/Gallery/AppBar/common/FilterTextField.vue b/frontend/src/components/Gallery/AppBar/common/FilterTextField.vue
index e1d3f7710..7aa27fc84 100644
--- a/frontend/src/components/Gallery/AppBar/common/FilterTextField.vue
+++ b/frontend/src/components/Gallery/AppBar/common/FilterTextField.vue
@@ -11,7 +11,6 @@ const emitter = inject<Emitter<Events>>("emitter");
 const galleryFilterStore = storeGalleryFilter();
 const { filterSearch } = storeToRefs(galleryFilterStore);
 
-// Functions
 const filterRoms = debounce(() => {
   emitter?.emit("filter", null);
 }, 500);
diff --git a/frontend/src/components/Gallery/AppBar/common/SortBar.vue b/frontend/src/components/Gallery/AppBar/common/SortBar.vue
index 19e7948a6..98fd99b04 100644
--- a/frontend/src/components/Gallery/AppBar/common/SortBar.vue
+++ b/frontend/src/components/Gallery/AppBar/common/SortBar.vue
@@ -16,10 +16,7 @@ function sort() {}
 
 <template>
   <div v-if="showSortBar">
-    <v-row
-      no-gutters
-      class="pt-1 px-1"
-    >
+    <v-row no-gutters class="pt-1 px-1">
       <!-- <v-col cols="6" sm="6" md="6" lg="6" xl="6">
           <v-select
             hide-details
diff --git a/frontend/src/components/Management/AddBtn.vue b/frontend/src/components/Management/AddBtn.vue
index 8d78a368c..5160467f7 100644
--- a/frontend/src/components/Management/AddBtn.vue
+++ b/frontend/src/components/Management/AddBtn.vue
@@ -3,7 +3,7 @@ withDefaults(
   defineProps<{
     enabled?: boolean;
   }>(),
-  { enabled: false }
+  { enabled: false },
 );
 const emit = defineEmits(["click"]);
 </script>
diff --git a/frontend/src/components/Management/Dialog/CreatePlatformBinding.vue b/frontend/src/components/Management/Dialog/CreatePlatformBinding.vue
index 63f959dd1..892052403 100644
--- a/frontend/src/components/Management/Dialog/CreatePlatformBinding.vue
+++ b/frontend/src/components/Management/Dialog/CreatePlatformBinding.vue
@@ -48,7 +48,6 @@ emitter?.on(
   },
 );
 
-// Functions
 function addBindPlatform() {
   if (!selectedPlatform.value) return;
   configApi
diff --git a/frontend/src/components/Management/Dialog/DeletePlatformBinding.vue b/frontend/src/components/Management/Dialog/DeletePlatformBinding.vue
index a2a9db21f..26c60754a 100644
--- a/frontend/src/components/Management/Dialog/DeletePlatformBinding.vue
+++ b/frontend/src/components/Management/Dialog/DeletePlatformBinding.vue
@@ -21,7 +21,6 @@ emitter?.on("showDeletePlatformBindingDialog", ({ fsSlug, slug }) => {
   show.value = true;
 });
 
-// Functions
 function deleteBindPlatform() {
   configApi
     .deletePlatformBindConfig({ fsSlug: platformBindingFSSlugToDelete.value })
diff --git a/frontend/src/components/Management/PlatformBindCard.vue b/frontend/src/components/Management/PlatformBindCard.vue
index 78e1fd965..c1e8874b6 100644
--- a/frontend/src/components/Management/PlatformBindCard.vue
+++ b/frontend/src/components/Management/PlatformBindCard.vue
@@ -18,11 +18,7 @@ defineProps<{
     <v-card-text class="pa-1">
       <v-list-item class="bg-terciary pa-1 text-truncate">
         <template #prepend>
-          <platform-icon
-            class="mx-2"
-            :key="slug"
-            :slug="slug"
-          />
+          <platform-icon class="mx-2" :key="slug" :slug="slug" />
         </template>
         <v-list-item class="bg-primary pr-2 pl-2">
           <span>{{ fsSlug }}</span>
diff --git a/frontend/src/components/Settings/InterfaceOption.vue b/frontend/src/components/Settings/InterfaceOption.vue
index 12c87dc91..e45b1c55b 100644
--- a/frontend/src/components/Settings/InterfaceOption.vue
+++ b/frontend/src/components/Settings/InterfaceOption.vue
@@ -9,7 +9,7 @@ withDefaults(
     description?: string;
     icon?: string;
   }>(),
-  { title: "", description: "", icon: "" }
+  { title: "", description: "", icon: "" },
 );
 const emit = defineEmits(["update:modelValue"]);
 </script>
diff --git a/frontend/src/components/Settings/TaskOption.vue b/frontend/src/components/Settings/TaskOption.vue
index 1dfab811c..76c079559 100644
--- a/frontend/src/components/Settings/TaskOption.vue
+++ b/frontend/src/components/Settings/TaskOption.vue
@@ -6,7 +6,7 @@ withDefaults(
     description?: string;
     icon?: string;
   }>(),
-  { title: "", description: "", icon: "" }
+  { title: "", description: "", icon: "" },
 );
 </script>
 <template>
diff --git a/frontend/src/components/common/Collection/Card.vue b/frontend/src/components/common/Collection/Card.vue
index 138d8de55..e93992346 100644
--- a/frontend/src/components/common/Collection/Card.vue
+++ b/frontend/src/components/common/Collection/Card.vue
@@ -17,7 +17,7 @@ withDefaults(
     showRomCount: false,
     withLink: true,
     src: "",
-  }
+  },
 );
 const theme = useTheme();
 </script>
@@ -51,19 +51,19 @@ const theme = useTheme();
           src
             ? src
             : collection.has_cover
-            ? `/assets/romm/resources/${collection.path_cover_l}?ts=${collection.updated_at}`
-            : collection.name && collection.name.toLowerCase() == 'favourites'
-            ? `/assets/default/cover/big_${theme.global.name.value}_fav.png`
-            : `/assets/default/cover/big_${theme.global.name.value}_collection.png`
+              ? `/assets/romm/resources/${collection.path_cover_l}?ts=${collection.updated_at}`
+              : collection.name && collection.name.toLowerCase() == 'favourites'
+                ? `/assets/default/cover/big_${theme.global.name.value}_fav.png`
+                : `/assets/default/cover/big_${theme.global.name.value}_collection.png`
         "
         :lazy-src="
           src
             ? src
             : collection.has_cover
-            ? `/assets/romm/resources/${collection.path_cover_s}?ts=${collection.updated_at}`
-            : collection.name && collection.name.toLowerCase() == 'favourites'
-            ? `/assets/default/cover/small_${theme.global.name.value}_fav.png`
-            : `/assets/default/cover/small_${theme.global.name.value}_collection.png`
+              ? `/assets/romm/resources/${collection.path_cover_s}?ts=${collection.updated_at}`
+              : collection.name && collection.name.toLowerCase() == 'favourites'
+                ? `/assets/default/cover/small_${theme.global.name.value}_fav.png`
+                : `/assets/default/cover/small_${theme.global.name.value}_collection.png`
         "
         :aspect-ratio="2 / 3"
       >
diff --git a/frontend/src/components/common/Collection/Dialog/AddRoms.vue b/frontend/src/components/common/Collection/Dialog/AddRoms.vue
index a51857703..aafd72931 100644
--- a/frontend/src/components/common/Collection/Dialog/AddRoms.vue
+++ b/frontend/src/components/common/Collection/Dialog/AddRoms.vue
@@ -37,7 +37,6 @@ const itemsPerPage = ref(10);
 const pageCount = ref(0);
 const PER_PAGE_OPTIONS = [10, 25, 50, 100];
 
-// Functions
 async function addRomsToCollection() {
   if (!selectedCollection.value) return;
   selectedCollection.value.roms.push(...roms.value.map((r) => r.id));
diff --git a/frontend/src/components/common/Collection/Dialog/CreateCollection.vue b/frontend/src/components/common/Collection/Dialog/CreateCollection.vue
index 5a9db81ca..8507ea346 100644
--- a/frontend/src/components/common/Collection/Dialog/CreateCollection.vue
+++ b/frontend/src/components/common/Collection/Dialog/CreateCollection.vue
@@ -31,7 +31,6 @@ emitter?.on("updateUrlCover", (url_cover) => {
   setArtwork(url_cover);
 });
 
-// Functions
 function triggerFileInput() {
   const fileInput = document.getElementById("file-input");
   fileInput?.click();
diff --git a/frontend/src/components/common/Collection/Dialog/EditCollection.vue b/frontend/src/components/common/Collection/Dialog/EditCollection.vue
index 4cf904eb5..91085b872 100644
--- a/frontend/src/components/common/Collection/Dialog/EditCollection.vue
+++ b/frontend/src/components/common/Collection/Dialog/EditCollection.vue
@@ -31,7 +31,6 @@ emitter?.on("updateUrlCover", (url_cover) => {
   setArtwork(url_cover);
 });
 
-// Functions
 function triggerFileInput() {
   const fileInput = document.getElementById("file-input");
   fileInput?.click();
diff --git a/frontend/src/components/common/Collection/Dialog/RemoveRoms.vue b/frontend/src/components/common/Collection/Dialog/RemoveRoms.vue
index 7cdd61472..34f144b70 100644
--- a/frontend/src/components/common/Collection/Dialog/RemoveRoms.vue
+++ b/frontend/src/components/common/Collection/Dialog/RemoveRoms.vue
@@ -36,7 +36,6 @@ const itemsPerPage = ref(10);
 const pageCount = ref(0);
 const PER_PAGE_OPTIONS = [10, 25, 50, 100];
 
-// Functions
 async function removeRomsFromCollection() {
   if (!selectedCollection.value) return;
   selectedCollection.value.roms = selectedCollection.value.roms.filter(
diff --git a/frontend/src/components/common/Collection/RAvatar.vue b/frontend/src/components/common/Collection/RAvatar.vue
index 58ff7da69..7e617dfc1 100644
--- a/frontend/src/components/common/Collection/RAvatar.vue
+++ b/frontend/src/components/common/Collection/RAvatar.vue
@@ -15,8 +15,8 @@ const theme = useTheme();
         collection.has_cover
           ? `/assets/romm/resources/${collection.path_cover_s}?ts=${collection.updated_at}`
           : collection.name?.toLowerCase() == 'favourites'
-          ? `/assets/default/cover/small_${theme.global.name.value}_fav.png`
-          : `/assets/default/cover/small_${theme.global.name.value}_collection.png`
+            ? `/assets/default/cover/small_${theme.global.name.value}_fav.png`
+            : `/assets/default/cover/small_${theme.global.name.value}_collection.png`
       "
     >
       <template #error>
diff --git a/frontend/src/components/common/Game/Card/Related.vue b/frontend/src/components/common/Game/Card/Related.vue
index d4750f2d6..7172b50ee 100644
--- a/frontend/src/components/common/Game/Card/Related.vue
+++ b/frontend/src/components/common/Game/Card/Related.vue
@@ -12,7 +12,7 @@ const handleClick = () => {
     window.open(
       `https://www.igdb.com/games/${props.game.slug}`,
       "_blank",
-      "noopener noreferrer"
+      "noopener noreferrer",
     );
   }
 };
diff --git a/frontend/src/components/common/Game/Dialog/Asset/DeleteAssets.vue b/frontend/src/components/common/Game/Dialog/Asset/DeleteAssets.vue
index 2512e89cd..d68e21d5f 100644
--- a/frontend/src/components/common/Game/Dialog/Asset/DeleteAssets.vue
+++ b/frontend/src/components/common/Game/Dialog/Asset/DeleteAssets.vue
@@ -69,7 +69,7 @@ async function deleteAssets() {
         const deletedAssetIds = assets.value.map((asset) => asset.id);
         romRef.value[assetType.value] =
           romRef.value[assetType.value]?.filter(
-            (asset) => !deletedAssetIds.includes(asset.id)
+            (asset) => !deletedAssetIds.includes(asset.id),
           ) ?? [];
         romsStore.update(romRef.value);
         emitter?.emit("romUpdated", romRef.value);
@@ -147,7 +147,8 @@ function closeDialog() {
           <v-list-item class="px-0">
             <v-row no-gutters>
               <v-col>
-                {{ item.file_name }}<v-chip
+                {{ item.file_name
+                }}<v-chip
                   v-if="assetsToDeleteFromFs.includes(item.id) && smAndUp"
                   label
                   size="x-small"
diff --git a/frontend/src/components/common/Game/Dialog/Asset/UploadSaves.vue b/frontend/src/components/common/Game/Dialog/Asset/UploadSaves.vue
index e5aa9b57c..181c6372f 100644
--- a/frontend/src/components/common/Game/Dialog/Asset/UploadSaves.vue
+++ b/frontend/src/components/common/Game/Dialog/Asset/UploadSaves.vue
@@ -34,7 +34,6 @@ const itemsPerPage = ref(10);
 const pageCount = ref(0);
 const PER_PAGE_OPTIONS = [10, 25, 50, 100];
 
-// Functions
 function triggerFileInput() {
   const fileInput = document.getElementById("file-input");
   fileInput?.click();
diff --git a/frontend/src/components/common/Game/Dialog/Asset/UploadStates.vue b/frontend/src/components/common/Game/Dialog/Asset/UploadStates.vue
index f74181a31..8145fa6ba 100644
--- a/frontend/src/components/common/Game/Dialog/Asset/UploadStates.vue
+++ b/frontend/src/components/common/Game/Dialog/Asset/UploadStates.vue
@@ -34,7 +34,6 @@ const itemsPerPage = ref(10);
 const pageCount = ref(0);
 const PER_PAGE_OPTIONS = [10, 25, 50, 100];
 
-// Functions
 function triggerFileInput() {
   const fileInput = document.getElementById("file-input");
   fileInput?.click();
diff --git a/frontend/src/components/common/Game/Dialog/CopyDownloadLink.vue b/frontend/src/components/common/Game/Dialog/CopyDownloadLink.vue
index 7f3c82161..6b88f60d6 100644
--- a/frontend/src/components/common/Game/Dialog/CopyDownloadLink.vue
+++ b/frontend/src/components/common/Game/Dialog/CopyDownloadLink.vue
@@ -15,7 +15,6 @@ emitter?.on("showCopyDownloadLinkDialog", (downloadLink) => {
   link.value = downloadLink;
 });
 
-// Functions
 function closeDialog() {
   show.value = false;
   link.value = "";
diff --git a/frontend/src/components/common/Game/Dialog/DeleteRom.vue b/frontend/src/components/common/Game/Dialog/DeleteRom.vue
index 371dbfac1..ad01c72ca 100644
--- a/frontend/src/components/common/Game/Dialog/DeleteRom.vue
+++ b/frontend/src/components/common/Game/Dialog/DeleteRom.vue
@@ -40,7 +40,6 @@ const itemsPerPage = ref(10);
 const pageCount = ref(0);
 const PER_PAGE_OPTIONS = [10, 25, 50, 100];
 
-// Functions
 async function deleteRoms() {
   await romApi
     .deleteRoms({ roms: roms.value, deleteFromFs: romsToDeleteFromFs.value })
diff --git a/frontend/src/components/common/Game/Dialog/SearchRom.vue b/frontend/src/components/common/Game/Dialog/SearchRom.vue
index 63c7414c9..8134720a6 100644
--- a/frontend/src/components/common/Game/Dialog/SearchRom.vue
+++ b/frontend/src/components/common/Game/Dialog/SearchRom.vue
@@ -36,7 +36,6 @@ emitter?.on("showSearchRomDialog", () => {
   show.value = true;
 });
 
-// Functions
 async function filterRoms() {
   if (!selectedPlatform.value) {
     filteredRoms.value = searchedRoms.value as SimpleRom[];
diff --git a/frontend/src/components/common/Game/Dialog/UploadRom.vue b/frontend/src/components/common/Game/Dialog/UploadRom.vue
index 5e210eaf7..b48b9c81a 100644
--- a/frontend/src/components/common/Game/Dialog/UploadRom.vue
+++ b/frontend/src/components/common/Game/Dialog/UploadRom.vue
@@ -60,7 +60,6 @@ emitter?.on("showUploadRomDialog", (platformWhereUpload) => {
     });
 });
 
-// Functions
 async function uploadRoms() {
   if (!selectedPlatform.value) return;
   show.value = false;
diff --git a/frontend/src/components/common/Game/RAvatar.vue b/frontend/src/components/common/Game/RAvatar.vue
index bdc2c5fe0..0daee6dfe 100644
--- a/frontend/src/components/common/Game/RAvatar.vue
+++ b/frontend/src/components/common/Game/RAvatar.vue
@@ -13,8 +13,8 @@ const theme = useTheme();
         !rom.igdb_id && !rom.moby_id && !rom.has_cover
           ? `/assets/default/cover/small_${theme.global.name.value}_unmatched.png`
           : rom.has_cover
-          ? `/assets/romm/resources/${rom.path_cover_s}?ts=${rom.updated_at}`
-          : `/assets/default/cover/small_${theme.global.name.value}_missing_cover.png`
+            ? `/assets/romm/resources/${rom.path_cover_s}?ts=${rom.updated_at}`
+            : `/assets/default/cover/small_${theme.global.name.value}_missing_cover.png`
       "
     />
   </v-avatar>
diff --git a/frontend/src/components/common/Navigation/CollectionsBtn.vue b/frontend/src/components/common/Navigation/CollectionsBtn.vue
index 476cad35b..9bc1cb89a 100644
--- a/frontend/src/components/common/Navigation/CollectionsBtn.vue
+++ b/frontend/src/components/common/Navigation/CollectionsBtn.vue
@@ -11,7 +11,7 @@ withDefaults(
   }>(),
   {
     block: false,
-  }
+  },
 );
 const navigationStore = storeNavigation();
 const { activeCollectionsDrawer } = storeToRefs(navigationStore);
diff --git a/frontend/src/components/common/Navigation/CollectionsDrawer.vue b/frontend/src/components/common/Navigation/CollectionsDrawer.vue
index dcf1b0ee1..f83ba60ac 100644
--- a/frontend/src/components/common/Navigation/CollectionsDrawer.vue
+++ b/frontend/src/components/common/Navigation/CollectionsDrawer.vue
@@ -16,7 +16,6 @@ const { filteredCollections, searchText } = storeToRefs(collectionsStore);
 const { activeCollectionsDrawer } = storeToRefs(navigationStore);
 const emitter = inject<Emitter<Events>>("emitter");
 
-// Functions
 async function addCollection() {
   emitter?.emit("showCreateCollectionDialog", null);
 }
diff --git a/frontend/src/components/common/Navigation/HomeBtn.vue b/frontend/src/components/common/Navigation/HomeBtn.vue
index 0ecca15da..808c01ed0 100644
--- a/frontend/src/components/common/Navigation/HomeBtn.vue
+++ b/frontend/src/components/common/Navigation/HomeBtn.vue
@@ -7,7 +7,11 @@ const homeUrl = ref(`${location.protocol}//${location.host}`);
 const navigationStore = storeNavigation();
 </script>
 <template>
-  <a @click.prevent style="text-decoration: none; color: inherit" :href="homeUrl">
+  <a
+    @click.prevent
+    style="text-decoration: none; color: inherit"
+    :href="homeUrl"
+  >
     <v-hover v-slot="{ isHovering, props: hoverProps }">
       <romm-iso
         @click="navigationStore.goHome"
diff --git a/frontend/src/components/common/Navigation/MainAppBar.vue b/frontend/src/components/common/Navigation/MainAppBar.vue
index 8cca01e2e..7f2c211e8 100644
--- a/frontend/src/components/common/Navigation/MainAppBar.vue
+++ b/frontend/src/components/common/Navigation/MainAppBar.vue
@@ -24,7 +24,7 @@ import UserBtn from "@/components/common/Navigation/UserBtn.vue";
     <v-divider opacity="0" class="mx-3" vertical />
     <upload-btn />
     <scan-btn />
-    
+
     <template #append>
       <user-btn />
     </template>
diff --git a/frontend/src/components/common/Navigation/PlatformsBtn.vue b/frontend/src/components/common/Navigation/PlatformsBtn.vue
index 6b1fcb34c..e6bd9312d 100644
--- a/frontend/src/components/common/Navigation/PlatformsBtn.vue
+++ b/frontend/src/components/common/Navigation/PlatformsBtn.vue
@@ -8,7 +8,7 @@ withDefaults(
   }>(),
   {
     block: false,
-  }
+  },
 );
 const navigationStore = storeNavigation();
 const { activePlatformsDrawer } = storeToRefs(navigationStore);
diff --git a/frontend/src/components/common/Navigation/PlatformsDrawer.vue b/frontend/src/components/common/Navigation/PlatformsDrawer.vue
index 96b04f984..765c87e54 100644
--- a/frontend/src/components/common/Navigation/PlatformsDrawer.vue
+++ b/frontend/src/components/common/Navigation/PlatformsDrawer.vue
@@ -12,7 +12,6 @@ const platformsStore = storePlatforms();
 const { filteredPlatforms, searchText } = storeToRefs(platformsStore);
 const { activePlatformsDrawer } = storeToRefs(navigationStore);
 
-// Functions
 function clear() {
   searchText.value = "";
 }
diff --git a/frontend/src/components/common/Navigation/ScanBtn.vue b/frontend/src/components/common/Navigation/ScanBtn.vue
index bad8c3a20..8079bb9a5 100644
--- a/frontend/src/components/common/Navigation/ScanBtn.vue
+++ b/frontend/src/components/common/Navigation/ScanBtn.vue
@@ -18,7 +18,7 @@ withDefaults(
   }>(),
   {
     block: false,
-  }
+  },
 );
 const navigationStore = storeNavigation();
 const auth = storeAuth();
@@ -36,10 +36,10 @@ socket.on(
   ({ name, slug, id }: { name: string; slug: string; id: number }) => {
     scanningStore.set(true);
     scanningPlatforms.value = scanningPlatforms.value.filter(
-      (platform) => platform.name !== name
+      (platform) => platform.name !== name,
     );
     scanningPlatforms.value.push({ name, slug, id, roms: [] });
-  }
+  },
 );
 
 socket.on("scan:scanning_rom", (rom: SimpleRom) => {
@@ -49,12 +49,12 @@ socket.on("scan:scanning_rom", (rom: SimpleRom) => {
     romsStore.add([rom]);
     romsStore.setFiltered(
       isFiltered ? romsStore.filteredRoms : romsStore.allRoms,
-      galleryFilter
+      galleryFilter,
     );
   }
 
   let scannedPlatform = scanningPlatforms.value.find(
-    (p) => p.slug === rom.platform_slug
+    (p) => p.slug === rom.platform_slug,
   );
 
   // Add the platform if the socket dropped and it's missing
diff --git a/frontend/src/components/common/Navigation/SettingsDrawer.vue b/frontend/src/components/common/Navigation/SettingsDrawer.vue
index a218f3163..6a6341630 100644
--- a/frontend/src/components/common/Navigation/SettingsDrawer.vue
+++ b/frontend/src/components/common/Navigation/SettingsDrawer.vue
@@ -33,7 +33,7 @@ async function logout() {
       color: "green",
     });
   });
-  
+
   await router.push({ name: "login" });
   auth.setUser(null);
 }
diff --git a/frontend/src/components/common/NewVersion.vue b/frontend/src/components/common/NewVersion.vue
index 976de1aca..af0125427 100644
--- a/frontend/src/components/common/NewVersion.vue
+++ b/frontend/src/components/common/NewVersion.vue
@@ -11,7 +11,6 @@ const { VERSION } = heartbeat.value;
 const GITHUB_VERSION = ref(VERSION);
 const latestVersionDismissed = ref(VERSION === "development");
 
-// Functions
 function dismissVersionBanner() {
   localStorage.setItem("dismissedVersion", GITHUB_VERSION.value);
   latestVersionDismissed.value = true;
diff --git a/frontend/src/components/common/Platform/Dialog/DeleteFirmware.vue b/frontend/src/components/common/Platform/Dialog/DeleteFirmware.vue
index 2e212583f..e8a8fa7f1 100644
--- a/frontend/src/components/common/Platform/Dialog/DeleteFirmware.vue
+++ b/frontend/src/components/common/Platform/Dialog/DeleteFirmware.vue
@@ -48,7 +48,7 @@ async function deleteFirmware() {
     .then(() => {
       if (currentPlatform.value?.firmware) {
         currentPlatform.value.firmware = currentPlatform.value.firmware.filter(
-          (firm) => !firmwares.value.includes(firm)
+          (firm) => !firmwares.value.includes(firm),
         );
       }
       emitter?.emit("snackbarShow", {
diff --git a/frontend/src/components/common/Platform/Dialog/UploadFirmware.vue b/frontend/src/components/common/Platform/Dialog/UploadFirmware.vue
index 9f931a072..f4cd63a02 100644
--- a/frontend/src/components/common/Platform/Dialog/UploadFirmware.vue
+++ b/frontend/src/components/common/Platform/Dialog/UploadFirmware.vue
@@ -35,7 +35,6 @@ const itemsPerPage = ref(10);
 const pageCount = ref(0);
 const PER_PAGE_OPTIONS = [10, 25, 50, 100];
 
-// Functions
 function triggerFileInput() {
   const fileInput = document.getElementById("file-input");
   fileInput?.click();
diff --git a/frontend/src/components/common/RDialog.vue b/frontend/src/components/common/RDialog.vue
index 9a518979f..16da5e952 100644
--- a/frontend/src/components/common/RDialog.vue
+++ b/frontend/src/components/common/RDialog.vue
@@ -37,7 +37,6 @@ const hasPrependSlot = ref(false);
 const hasAppendSlot = ref(false);
 const hasFooterSlot = ref(false);
 
-// Functions
 function closeDialog() {
   emit("update:modelValue", false);
   emit("close");
diff --git a/frontend/src/components/common/RSection.vue b/frontend/src/components/common/RSection.vue
index 3d3ee8293..e638dbbcd 100644
--- a/frontend/src/components/common/RSection.vue
+++ b/frontend/src/components/common/RSection.vue
@@ -4,7 +4,7 @@ withDefaults(
     title: string;
     icon: string;
   }>(),
-  { title: "", icon: "" }
+  { title: "", icon: "" },
 );
 </script>
 <template>
diff --git a/frontend/src/components/common/SearchCover.vue b/frontend/src/components/common/SearchCover.vue
index dcd0583c9..d8b3fd897 100644
--- a/frontend/src/components/common/SearchCover.vue
+++ b/frontend/src/components/common/SearchCover.vue
@@ -23,7 +23,6 @@ emitter?.on("showSearchCoverDialog", (term) => {
   if (searchTerm.value) searchCovers();
 });
 
-// Functions
 async function searchCovers() {
   covers.value = [];
 
diff --git a/frontend/src/layouts/Administration/Tasks.vue b/frontend/src/layouts/Administration/Tasks.vue
index c58a82b1e..0264336a1 100644
--- a/frontend/src/layouts/Administration/Tasks.vue
+++ b/frontend/src/layouts/Administration/Tasks.vue
@@ -26,7 +26,8 @@ const tasks = computed(() => [
   {
     title: heartbeatStore.value.SCHEDULER.RESCAN.TITLE,
     description:
-      heartbeatStore.value.SCHEDULER.RESCAN.MESSAGE + " " +
+      heartbeatStore.value.SCHEDULER.RESCAN.MESSAGE +
+      " " +
       convertCronExperssion(heartbeatStore.value.SCHEDULER.RESCAN.CRON),
     icon: heartbeatStore.value.SCHEDULER.RESCAN.ENABLED
       ? "mdi-clock-check-outline"
@@ -36,7 +37,8 @@ const tasks = computed(() => [
   {
     title: heartbeatStore.value.SCHEDULER.SWITCH_TITLEDB.TITLE,
     description:
-      heartbeatStore.value.SCHEDULER.SWITCH_TITLEDB.MESSAGE + " " +
+      heartbeatStore.value.SCHEDULER.SWITCH_TITLEDB.MESSAGE +
+      " " +
       convertCronExperssion(heartbeatStore.value.SCHEDULER.SWITCH_TITLEDB.CRON),
     icon: heartbeatStore.value.SCHEDULER.SWITCH_TITLEDB.ENABLED
       ? "mdi-clock-check-outline"
diff --git a/frontend/src/layouts/Settings/Interface.vue b/frontend/src/layouts/Settings/Interface.vue
index 3a5bdee17..ed339d14b 100644
--- a/frontend/src/layouts/Settings/Interface.vue
+++ b/frontend/src/layouts/Settings/Interface.vue
@@ -7,12 +7,12 @@ import { computed, ref } from "vue";
 // Initializing refs from localStorage
 const storedGroupRoms = localStorage.getItem("settings.groupRoms");
 const groupRomsRef = ref(
-  isNull(storedGroupRoms) ? true : storedGroupRoms === "true"
+  isNull(storedGroupRoms) ? true : storedGroupRoms === "true",
 );
 
 const storedSiblings = localStorage.getItem("settings.showSiblings");
 const siblingsRef = ref(
-  isNull(storedSiblings) ? true : storedSiblings === "true"
+  isNull(storedSiblings) ? true : storedSiblings === "true",
 );
 
 const storedRegions = localStorage.getItem("settings.showRegions");
@@ -20,7 +20,7 @@ const regionsRef = ref(isNull(storedRegions) ? true : storedRegions === "true");
 
 const storedLanguages = localStorage.getItem("settings.showLanguages");
 const languagesRef = ref(
-  isNull(storedLanguages) ? true : storedLanguages === "true"
+  isNull(storedLanguages) ? true : storedLanguages === "true",
 );
 
 // Functions to update localStorage
diff --git a/frontend/src/stores/galleryFilter.ts b/frontend/src/stores/galleryFilter.ts
index db9ab8342..e862a2b9b 100644
--- a/frontend/src/stores/galleryFilter.ts
+++ b/frontend/src/stores/galleryFilter.ts
@@ -7,6 +7,7 @@ const filters = [
   "franchises",
   "collections",
   "companies",
+  "age_ratings",
   "status",
 ] as const;
 
@@ -23,6 +24,7 @@ export default defineStore("galleryFilter", {
     filterFranchises: [] as string[],
     filterCollections: [] as string[],
     filterCompanies: [] as string[],
+    filterAgeRatings: [] as string[],
     filterStatuses: statusFilters,
     filterUnmatched: false,
     filterFavourites: false,
@@ -31,6 +33,7 @@ export default defineStore("galleryFilter", {
     selectedFranchise: null as string | null,
     selectedCollection: null as string | null,
     selectedCompany: null as string | null,
+    selectedAgeRating: null as string | null,
     selectedStatus: null as string | null,
   }),
 
@@ -53,6 +56,9 @@ export default defineStore("galleryFilter", {
     setFilterCompanies(companies: string[]) {
       this.filterCompanies = companies;
     },
+    setFilterAgeRatings(ageRatings: string[]) {
+      this.filterAgeRatings = ageRatings;
+    },
     setSelectedFilterGenre(genre: string) {
       this.selectedGenre = genre;
     },
@@ -65,6 +71,9 @@ export default defineStore("galleryFilter", {
     setSelectedFilterCompany(company: string) {
       this.selectedCompany = company;
     },
+    setSelectedFilterAgeRating(ageRating: string) {
+      this.selectedAgeRating = ageRating;
+    },
     setSelectedFilterStatus(status: string) {
       this.selectedStatus = status;
     },
@@ -96,6 +105,7 @@ export default defineStore("galleryFilter", {
           this.selectedFranchise ||
           this.selectedCollection ||
           this.selectedCompany ||
+          this.selectedAgeRating ||
           this.selectedStatus,
       );
     },
@@ -108,6 +118,7 @@ export default defineStore("galleryFilter", {
       this.selectedFranchise = null;
       this.selectedCollection = null;
       this.selectedCompany = null;
+      this.selectedAgeRating = null;
       this.selectedStatus = null;
     },
   },
diff --git a/frontend/src/stores/roms.ts b/frontend/src/stores/roms.ts
index 6f866098a..5922bae09 100644
--- a/frontend/src/stores/roms.ts
+++ b/frontend/src/stores/roms.ts
@@ -152,6 +152,9 @@ export default defineStore("roms", {
       if (galleryFilter.selectedCompany) {
         this._filterCompany(galleryFilter.selectedCompany);
       }
+      if (galleryFilter.selectedAgeRating) {
+        this._filterAgeRating(galleryFilter.selectedAgeRating);
+      }
       if (galleryFilter.selectedStatus) {
         this._filterStatus(galleryFilter.selectedStatus);
       } else {
@@ -257,6 +260,20 @@ export default defineStore("roms", {
       // @ts-expect-error intersection is recently defined on Set
       this._filteredIDs = byCompany.intersection(this._filteredIDs);
     },
+    _filterAgeRating(ageRatingToFilter: string) {
+      const byAgeRating = new Set(
+        this.filteredRoms
+          .filter((rom) =>
+            rom.age_ratings.some(
+              (ageRating) => ageRating === ageRatingToFilter,
+            ),
+          )
+          .map((rom) => rom.id),
+      );
+
+      // @ts-expect-error intersection is recently defined on Set
+      this._filteredIDs = byAgeRating.intersection(this._filteredIDs);
+    },
     _filterStatus(statusToFilter: string) {
       const stf = getStatusKeyForText(statusToFilter);
 
diff --git a/frontend/src/views/Administration.vue b/frontend/src/views/Administration.vue
index 431e5c4df..3e8f5abcf 100644
--- a/frontend/src/views/Administration.vue
+++ b/frontend/src/views/Administration.vue
@@ -7,6 +7,6 @@ import storeAuth from "@/stores/auth";
 const auth = storeAuth();
 </script>
 <template>
-  <users-table  />
+  <users-table />
   <tasks v-if="auth.scopes.includes('tasks.run')" />
 </template>
diff --git a/frontend/src/views/EmulatorJS/Base.vue b/frontend/src/views/EmulatorJS/Base.vue
index 2e57ef995..9b31d0484 100644
--- a/frontend/src/views/EmulatorJS/Base.vue
+++ b/frontend/src/views/EmulatorJS/Base.vue
@@ -27,7 +27,6 @@ const script = document.createElement("script");
 script.src = "/assets/emulatorjs/loader.js";
 script.async = true;
 
-// Functions
 function onPlay() {
   window.EJS_fullscreenOnLoaded = fullScreenOnPlay.value;
   document.body.appendChild(script);
diff --git a/frontend/src/views/Gallery/Collection.vue b/frontend/src/views/Gallery/Collection.vue
index 6180fbfb2..b400f9bda 100644
--- a/frontend/src/views/Gallery/Collection.vue
+++ b/frontend/src/views/Gallery/Collection.vue
@@ -111,6 +111,13 @@ function setFilters() {
         .sort(),
     ),
   ]);
+  galleryFilterStore.setFilterAgeRatings([
+    ...new Set(
+      romsStore.filteredRoms
+        .flatMap((rom) => rom.age_ratings.map((ageRating) => ageRating))
+        .sort(),
+    ),
+  ]);
 }
 
 async function onFilterChange() {
diff --git a/frontend/src/views/Gallery/Platform.vue b/frontend/src/views/Gallery/Platform.vue
index 053683d18..733adf385 100644
--- a/frontend/src/views/Gallery/Platform.vue
+++ b/frontend/src/views/Gallery/Platform.vue
@@ -42,7 +42,6 @@ let timeout: ReturnType<typeof setTimeout>;
 const emitter = inject<Emitter<Events>>("emitter");
 emitter?.on("filter", onFilterChange);
 
-// Functions
 async function fetchRoms() {
   if (gettingRoms.value) return;
 
@@ -111,6 +110,13 @@ function setFilters() {
         .sort(),
     ),
   ]);
+  galleryFilterStore.setFilterAgeRatings([
+    ...new Set(
+      romsStore.filteredRoms
+        .flatMap((rom) => rom.age_ratings.map((ageRating) => ageRating))
+        .sort(),
+    ),
+  ]);
 }
 
 async function onFilterChange() {
@@ -206,6 +212,7 @@ const filterToSetFilter: Record<FilterType, Function> = {
   franchises: galleryFilterStore.setSelectedFilterFranchise,
   collections: galleryFilterStore.setSelectedFilterCollection,
   companies: galleryFilterStore.setSelectedFilterCompany,
+  age_ratings: galleryFilterStore.setSelectedFilterAgeRating,
   status: galleryFilterStore.setSelectedFilterStatus,
 };
 
diff --git a/frontend/src/views/GameDetails.vue b/frontend/src/views/GameDetails.vue
index e12a02f7c..b34d4e760 100644
--- a/frontend/src/views/GameDetails.vue
+++ b/frontend/src/views/GameDetails.vue
@@ -41,7 +41,6 @@ const noRomError = ref(false);
 const romsStore = storeRoms();
 const { currentRom } = storeToRefs(romsStore);
 
-// Functions
 async function fetchDetails() {
   await romApi
     .getRom({ romId: parseInt(route.params.rom as string) })
diff --git a/frontend/src/views/Home.vue b/frontend/src/views/Home.vue
index f38c545fa..dc78b98b7 100644
--- a/frontend/src/views/Home.vue
+++ b/frontend/src/views/Home.vue
@@ -52,7 +52,6 @@ emitter?.on("refreshDrawer", async () => {
   platformsStore.set(platformData);
 });
 
-// Functions
 onBeforeMount(async () => {
   await platformApi
     .getPlatforms()
diff --git a/frontend/src/views/Setup.vue b/frontend/src/views/Setup.vue
index efb0e616e..fad9421ec 100644
--- a/frontend/src/views/Setup.vue
+++ b/frontend/src/views/Setup.vue
@@ -48,7 +48,6 @@ const filledAdminUser = computed(
 const isFirstStep = computed(() => step.value == 1);
 const isLastStep = computed(() => step.value == 2);
 
-// Functions
 async function finishWizard() {
   await userApi
     .createUser(defaultAdminUser.value)