Improve sidebar buttons

src/componets/Sidebar.css

@@ -13,9 +13,14 @@
 }
 
 .link {
-  @apply text-white p-2 rounded-lg no-underline cursor-pointer transition-colors duration-[0.25s];
+  @apply text-[#bdbdbd] p-2 rounded-lg no-underline cursor-pointer transition-colors duration-[0.25s];
 }
 
-.link.active, .link:hover {
+.link.active {
   @apply bg-[#313131];
 }
+
+.link.active,
+.link:hover {
+  @apply text-white;
+}

src/main.tsx

@@ -20,10 +20,10 @@ function App () {
     return () => document.removeEventListener('contextmenu', handler)
   }, [])
 
-  function renderContent() {
-    if (hash === "#installs") {
+  function renderContent () {
+    if (hash === '#installs') {
       return <Installs />
-    } else if (hash === "#settings") {
+    } else if (hash === '#settings') {
       return <Settings />
     }
     return null
@@ -32,9 +32,7 @@ function App () {
   return (
     <>
       <Sidebar />
-      <main style={{ marginLeft: '15rem' }}>
-        {renderContent()}
-      </main>
+      <main style={{ marginLeft: '15rem' }}>{renderContent()}</main>
     </>
   )
 }