diff --git a/css/buttons.css b/css/buttons.css
index a1b598e..54309f1 100644
--- a/css/buttons.css
+++ b/css/buttons.css
@@ -297,8 +297,8 @@
 
 	/* drop down chevron-up and down icon */
 	.vs__open-indicator-button svg{
-		height: 16px;
-		width: 16px;
+		height: 24px;
+		width: 24px;
 	}
 
 	div.modal-mask .modal-header {
diff --git a/css/navigation.css b/css/navigation.css
index 708da6a..b5ef6e7 100644
--- a/css/navigation.css
+++ b/css/navigation.css
@@ -2,6 +2,11 @@
 	div[data-cy-files-navigation].app-navigation:has(nav#app-navigation-vue) {
 		background-color: var(--ion-color-cool-grey-c1);
 		.app-navigation-entry {
+			font-weight: 600;
+			span[role=img]>svg {
+				height: 16px;
+				width: auto;
+			}
 			border-radius: var(--border-radius-pill);
 			&.active {
 				background-color: var(--ion-color-cool-grey-c3) !important;
@@ -57,7 +62,8 @@
 			margin: 6px;
 			background-color: transparent;
 			span[role=img]>svg {
-				height: 16px;
+				height: 24px;
+				width: 24px;
 				color: var(--ion-color-secondary);
 			}
 			&:hover {