From 04815bf20552476bd925b8df761d74a5fd7fbd1b Mon Sep 17 00:00:00 2001
From: vedran77 <vedran77@icloud.com>
Date: Mon, 8 Jan 2024 22:04:16 +0100
Subject: [PATCH 1/2] Remove focused outline color

---
 public/main.css                             | 4 ++++
 src/containers/MainBody/ServerList/List.tsx | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/public/main.css b/public/main.css
index 544938f5..1bdd6540 100644
--- a/public/main.css
+++ b/public/main.css
@@ -189,3 +189,7 @@
   bottom: 10px;
   border-radius: 1000px;
 }
+
+#main-conatiner *:focus-visible {
+  outline: none;
+}
diff --git a/src/containers/MainBody/ServerList/List.tsx b/src/containers/MainBody/ServerList/List.tsx
index f0e9e705..75b7e37f 100644
--- a/src/containers/MainBody/ServerList/List.tsx
+++ b/src/containers/MainBody/ServerList/List.tsx
@@ -15,7 +15,7 @@ const List = (props: IProps) => {
   const { themeType } = useTheme();
 
   return (
-    <View style={styles.mainContainer}>
+    <View style={styles.mainContainer} id="main-conatiner">
       <ListHeader />
       <BigList
         id={themeType === "dark" ? "scroll" : "scroll-light"}

From 6a7f6527f279c1c1777788a899919798ce8edad1 Mon Sep 17 00:00:00 2001
From: vedran77 <vedran77@icloud.com>
Date: Mon, 8 Jan 2024 23:14:48 +0100
Subject: [PATCH 2/2] typo fix

---
 public/main.css                             | 2 +-
 src/containers/MainBody/ServerList/List.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/public/main.css b/public/main.css
index 1bdd6540..49ceb3f7 100644
--- a/public/main.css
+++ b/public/main.css
@@ -190,6 +190,6 @@
   border-radius: 1000px;
 }
 
-#main-conatiner *:focus-visible {
+#main-container *:focus-visible {
   outline: none;
 }
diff --git a/src/containers/MainBody/ServerList/List.tsx b/src/containers/MainBody/ServerList/List.tsx
index 75b7e37f..2546261f 100644
--- a/src/containers/MainBody/ServerList/List.tsx
+++ b/src/containers/MainBody/ServerList/List.tsx
@@ -15,7 +15,7 @@ const List = (props: IProps) => {
   const { themeType } = useTheme();
 
   return (
-    <View style={styles.mainContainer} id="main-conatiner">
+    <View style={styles.mainContainer} id="main-container">
       <ListHeader />
       <BigList
         id={themeType === "dark" ? "scroll" : "scroll-light"}