diff --git a/flexiapi/public/css/form.css b/flexiapi/public/css/form.css
index 0b385aa..744cc88 100644
--- a/flexiapi/public/css/form.css
+++ b/flexiapi/public/css/form.css
@@ -208,7 +208,7 @@ form div.checkbox {
 
 form div.search:after,
 form div.select:after {
-    font-family: 'Material Icons Outlined';
+    font-family: 'Material Symbols Outlined';
     content: "\e5cf";
     display: block;
     font-size: 2.5rem;
diff --git a/flexiapi/public/css/style.css b/flexiapi/public/css/style.css
index 6ccab92..f4b54a5 100644
--- a/flexiapi/public/css/style.css
+++ b/flexiapi/public/css/style.css
@@ -285,13 +285,13 @@ header nav a#menu {
 
 header nav a#menu:after {
     display: block;
-    font-family: 'Material Icons Outlined';
+    font-family: 'Material Symbols Outlined';
     content: "\e5d2";
     font-size: 3rem;
 }
 
 body.show_menu header nav a#menu:after {
-    font-family: 'Material Icons'
+    font-family: 'Material Symbols Outlined'
 
     header nav a#logo {
         position: absolute;
@@ -432,6 +432,10 @@ content>nav a.current {
     box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
 }
 
+content>nav a.current i {
+    font-variation-settings: 'FILL' 1;
+}
+
 content>nav a i {
     margin: 0 1rem;
     margin-left: 2rem;
@@ -641,7 +645,7 @@ table tr.empty td {
 
 table tr.empty td:before {
     content: '\e5c9';
-    font-family: 'Material Icons Outlined';
+    font-family: 'Material Symbols Outlined';
     font-size: 8rem;
     color: var(--second-4);
     display: block;
diff --git a/flexiapi/public/fonts/MaterialSymbols-Outlined.woff2 b/flexiapi/public/fonts/MaterialSymbols-Outlined.woff2
index a4e02d5..2764906 100644
Binary files a/flexiapi/public/fonts/MaterialSymbols-Outlined.woff2 and b/flexiapi/public/fonts/MaterialSymbols-Outlined.woff2 differ