diff --git a/src/layout/Setting/Appearance/Accent.tsx b/src/layout/Setting/Appearance/Accent.tsx
index a341ac5d5..d57816fae 100644
--- a/src/layout/Setting/Appearance/Accent.tsx
+++ b/src/layout/Setting/Appearance/Accent.tsx
@@ -83,8 +83,8 @@ export const Accent = () => {
 
   return (
     <div className="flex gap-4 items-center">
-      {ACCENTS.map((accent: { name: string; hsl: string }) => {
-        return <AccentItem {...accent} active={accent.name === currentTheme} onClick={handleClick} />;
+      {ACCENTS.map((accent: { name: string; hsl: string }, i) => {
+        return <AccentItem {...accent} active={accent.name === currentTheme} onClick={handleClick} key={i} />;
       })}
     </div>
   );
diff --git a/src/styles/reading-style.css b/src/styles/reading-style.css
index bf8156786..d16ccc06b 100644
--- a/src/styles/reading-style.css
+++ b/src/styles/reading-style.css
@@ -97,6 +97,9 @@
 
   --reading-font-monospace: "Roboto Mono VF", "SFMono-Regular", Consolas,
     "Liberation Mono", Menlo, Courier, monospace;
+
+  /* Text selection colour */
+  --text-selection-background-color: #3297FD /* default value chosen from https://stackoverflow.com/questions/16094837/what-is-the-browser-default-background-color-when-selecting-text */
 }
 
 .reading-content {