diff --git a/frontend/index.html b/frontend/index.html
index f9e9008..4acd5db 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -6,7 +6,7 @@
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link
-      href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:FILL@0..1&icon_names=analytics&display=block"
+      href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0&display=block"
       rel="stylesheet"
     />
     <link
diff --git a/frontend/src/index.css b/frontend/src/index.css
index 83bb939..b1b126c 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -1342,7 +1342,17 @@ textarea {
   font-family: "Material Symbols Outlined";
   font-size: 24px;
   font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
+  font-style: normal;
+  font-weight: normal;
+  letter-spacing: normal;
   line-height: 1;
+  text-transform: none;
+  white-space: nowrap;
+  word-wrap: normal;
+  direction: ltr;
+  -webkit-font-feature-settings: "liga";
+  -webkit-font-smoothing: antialiased;
+  font-feature-settings: "liga";
 }
 
 .bird-detail-tab:hover {