diff --git a/public/main.css b/public/main.css
index ab6ca30a..3ed58e0c 100644
--- a/public/main.css
+++ b/public/main.css
@@ -209,3 +209,7 @@
   bottom: 10px;
   border-radius: 1000px;
 }
+
+#main-container *:focus-visible {
+  outline: none;
+}
diff --git a/src/containers/MainBody/ServerList/List.tsx b/src/containers/MainBody/ServerList/List.tsx
index 4af21b5e..f773f9f3 100644
--- a/src/containers/MainBody/ServerList/List.tsx
+++ b/src/containers/MainBody/ServerList/List.tsx
@@ -16,7 +16,7 @@ const List = (props: IProps) => {
   const { themeType } = useTheme();
 
   return (
-    <View style={styles.mainContainer} ref={props.listRef}>
+    <View style={styles.mainContainer} ref={props.listRef} id="main-container">
       <ListHeader />
       <BigList
         id={themeType === "dark" ? "scroll" : "scroll-light"}