From 63855be56093d65767325288a6dd491d8c157c91 Mon Sep 17 00:00:00 2001
From: Harsh <harshmastic@gmail.com>
Date: Thu, 16 Oct 2025 13:18:45 +0530
Subject: [PATCH] refactor: change div to aside for accessibility in settings
 component

---
 src/components/Settings/index.astro | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Settings/index.astro b/src/components/Settings/index.astro
index 88bc692139..6a6aad99ad 100644
--- a/src/components/Settings/index.astro
+++ b/src/components/Settings/index.astro
@@ -75,7 +75,7 @@ const a11ySettingsProps = [
 const { hideSearch } = Astro.props;
 ---
 
-<div class={`${styles.container} ${jumpToState ? "" : "noJumpTo"}`}>
+<aside class={`${styles.container} ${jumpToState ? "" : "noJumpTo"}`} aria-label="Settings">
   <div id="settings-placeholder" class={styles.placeholder}></div>
   <div id="settings-hitbox" class={styles.hitbox}></div>
   <div id="settings-container" class={`${styles.wrapper} settings`}>
@@ -97,5 +97,5 @@ const { hideSearch } = Astro.props;
       )
     }
   </div>
-</div>
+</aside>
 <script src="./script.js"></script>