diff --git a/web/package-lock.json b/web/package-lock.json
index c2d71df..a9e476f 100644
--- a/web/package-lock.json
+++ b/web/package-lock.json
@@ -10,6 +10,7 @@
       "dependencies": {
         "@emotion/react": "^11.14.0",
         "@emotion/styled": "^11.14.1",
+        "@mui/icons-material": "^9.1.1",
         "@mui/material": "^9.0.1",
         "@mui/x-tree-view": "^9.1.0",
         "axios": "^1.9.0",
@@ -665,7 +666,6 @@
       "resolved": "https://registry.npmjs.org/@mui/icons-material/-/icons-material-9.1.1.tgz",
       "integrity": "sha512-OXhm9DajemStb58AumM06DuPhHTa3XD36TFD4yf6WtJyNRO5DfEZbbnHlBg/US2Y2oOXwM/XurMTBOD6L/YYZw==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@babel/runtime": "^7.29.2"
       },
@@ -3170,23 +3170,6 @@
         }
       }
     },
-    "node_modules/tailwindcss/node_modules/yaml": {
-      "version": "2.9.0",
-      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.9.0.tgz",
-      "integrity": "sha512-2AvhNX3mb8zd6Zy7INTtSpl1F15HW6Wnqj0srWlkKLcpYl/gMIMJiyuGq2KeI2YFxUPjdlB+3Lc10seMLtL4cA==",
-      "license": "ISC",
-      "optional": true,
-      "peer": true,
-      "bin": {
-        "yaml": "bin.mjs"
-      },
-      "engines": {
-        "node": ">= 14.6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/eemeli"
-      }
-    },
     "node_modules/thenify": {
       "version": "3.3.1",
       "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz",
diff --git a/web/package.json b/web/package.json
index 2b14b85..d034297 100644
--- a/web/package.json
+++ b/web/package.json
@@ -11,6 +11,7 @@
   "dependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
+    "@mui/icons-material": "^9.1.1",
     "@mui/material": "^9.0.1",
     "@mui/x-tree-view": "^9.1.0",
     "axios": "^1.9.0",
@@ -46,4 +47,4 @@
     "@babel/helper-validator-identifier": "7.28.5",
     "@babel/helpers": "7.28.4"
   }
-}
\ No newline at end of file
+}
diff --git a/web/src/components/RealtimeTable/SettingPanel/CellLegend.jsx b/web/src/components/RealtimeTable/SettingPanel/CellLegend.jsx
index 8bcc26c..11f6601 100644
--- a/web/src/components/RealtimeTable/SettingPanel/CellLegend.jsx
+++ b/web/src/components/RealtimeTable/SettingPanel/CellLegend.jsx
@@ -1,4 +1,4 @@
-import HelpOutlineIcon from '@mui/icons-material/HelpOutline';
+import HelpOutlineIcon from '@mui/icons-material/HelpOutlineOutlined';
 import { IconButton, Stack, Tooltip } from '@mui/material';
 import { memo } from 'react';
 
diff --git a/web/src/components/RealtimeTable/SettingPanel/ValidationErrorsAlert.jsx b/web/src/components/RealtimeTable/SettingPanel/ValidationErrorsAlert.jsx
index 95b1a68..b8025e6 100644
--- a/web/src/components/RealtimeTable/SettingPanel/ValidationErrorsAlert.jsx
+++ b/web/src/components/RealtimeTable/SettingPanel/ValidationErrorsAlert.jsx
@@ -1,6 +1,6 @@
 import ChevronLeftIcon from '@mui/icons-material/ChevronLeft';
 import ChevronRightIcon from '@mui/icons-material/ChevronRight';
-import ErrorOutlineIcon from '@mui/icons-material/ErrorOutline';
+import ErrorOutlineIcon from '@mui/icons-material/ErrorOutlineOutlined';
 import { Button, IconButton, ListSubheader, Menu, MenuItem, Stack } from '@mui/material';
 import { memo, useEffect, useMemo, useState } from 'react';
 import { groupValidationErrors } from '../utils/validationUtils';