diff --git a/src/App.vue b/src/App.vue
index 1aaf023..f28f0d5 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -97,7 +97,7 @@ content {
 }
 
 .navigation {
-	background-color: var(--ion-color-cool-grey-c1);
+	background-color: var(--ion-surface-secondary);
 	width: 15%;
 }
 
diff --git a/src/components/account/Language.vue b/src/components/account/Language.vue
index 07316e2..3f4d1c8 100644
--- a/src/components/account/Language.vue
+++ b/src/components/account/Language.vue
@@ -108,9 +108,17 @@ export default {
 }
 </script>
 
-<style lang="scss" scoped>
+<style lang="scss">
 .language {
 	display: grid;
 	max-width: 500px;
 }
+
+li.vs__dropdown-option{
+		background-color: var(--ion-button-sidebar-background);
+		color: var(--ion-button-sidebar-text);
+		&.vs__dropdown-option--highlight {
+			background-color: var(--ion-button-sidebar-background-hover);
+		}
+	}
 </style>
diff --git a/src/components/navigation/Navigation.vue b/src/components/navigation/Navigation.vue
index 3043efa..b324559 100644
--- a/src/components/navigation/Navigation.vue
+++ b/src/components/navigation/Navigation.vue
@@ -56,7 +56,7 @@ export default defineComponent({
 })
 </script>
 
-<style scoped>
+<style>
 .settings-navigation {
 	margin-left: 14px;
 	margin-top: 24px;
@@ -69,5 +69,21 @@ export default defineComponent({
 			margin-left: -14px;
 		}
 	}
+
+	.app-navigation-entry {
+		li div.app-navigation-entry{
+			background-color: var(--ion-button-sidebar-background);
+			color: var(--ion-button-sidebar-text);
+			border-radius: 100px;
+			width: 95%;
+			&:hover {
+				background-color: var(--ion-button-sidebar-background-hover);
+			}
+			&:active {
+				background-color: var(--ion-button-sidebar-background-active);
+			}
+		}
+	}
 }
+
 </style>
diff --git a/src/components/security/AuthToken.vue b/src/components/security/AuthToken.vue
index f318396..2b24cdd 100644
--- a/src/components/security/AuthToken.vue
+++ b/src/components/security/AuthToken.vue
@@ -361,6 +361,13 @@ export default defineComponent({
 <style lang="scss" scoped>
 @use '../../../../../core/css/variables.scss' as variables;
 
+tr.auth-token {
+	&:hover {
+		background-color: var(--ion-button-sidebar-background-hover);
+		color: var(--ion-button-sidebar-text);
+	}
+}
+
 .auth-token {
 	border-top: 2px solid var(--color-border);
 	max-width: 200px;