diff --git a/src/Globals.scss b/src/Globals.scss
index 3d8b482..ea9235a 100644
--- a/src/Globals.scss
+++ b/src/Globals.scss
@@ -8,4 +8,4 @@ body {
 
 .button {
   @apply bg-[#4378bf] hover:bg-[#5988c6] rounded-md cursor-pointer text-[16px] p-3 transition-colors duration-[0.25s];
-}
\ No newline at end of file
+}
diff --git a/src/componets/Sidebar.css b/src/componets/Sidebar.css
index 5b7303d..da3cccb 100644
--- a/src/componets/Sidebar.css
+++ b/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];
-}
\ No newline at end of file
+}
+
+.link.active,
+.link:hover {
+  @apply text-white;
+}
diff --git a/src/componets/Sidebar.tsx b/src/componets/Sidebar.tsx
index d03b162..f0347e4 100644
--- a/src/componets/Sidebar.tsx
+++ b/src/componets/Sidebar.tsx
@@ -66,4 +66,4 @@ const Sidebar = () => {
   )
 }
 
-export default Sidebar
\ No newline at end of file
+export default Sidebar
diff --git a/src/main.tsx b/src/main.tsx
index 8a36309..42a35ab 100644
--- a/src/main.tsx
+++ b/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>
     </>
   )
 }