diff --git a/app/(dashboard)/OverviewClient.tsx b/app/(dashboard)/OverviewClient.tsx
index 98def3b6..1f0993fc 100644
--- a/app/(dashboard)/OverviewClient.tsx
+++ b/app/(dashboard)/OverviewClient.tsx
@@ -3,6 +3,7 @@
 import Link from "next/link";
 import Grid from "@mui/material/Grid";
 import { Card, CardActionArea, CardContent, Paper, Stack, Typography, Box } from "@mui/material";
+import BarChartIcon from "@mui/icons-material/BarChart";
 import { ReactNode } from "react";
 
 type StatCard = {
@@ -114,9 +115,7 @@ export default function OverviewClient({
             >
               <CardContent sx={{ display: "flex", flexDirection: "column", gap: 1 }}>
                 <Box sx={{ color: "rgba(127, 91, 255, 0.8)", display: "flex", alignItems: "center" }}>
-                  <svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 24 24" fill="currentColor">
-                    <path d="M5 9.2h3V19H5zM10.6 5h2.8v14h-2.8zm5.6 8H19v6h-2.8z"/>
-                  </svg>
+                  <BarChartIcon fontSize="large" />
                 </Box>
                 {trafficSummary ? (
                   <>
diff --git a/app/(dashboard)/certificates/CertificatesClient.tsx b/app/(dashboard)/certificates/CertificatesClient.tsx
index 4b9063d3..ee4f01fe 100644
--- a/app/(dashboard)/certificates/CertificatesClient.tsx
+++ b/app/(dashboard)/certificates/CertificatesClient.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
-import InfoOutlinedIcon from "@mui/icons-material/InfoOutlined";
+import InfoIcon from "@mui/icons-material/Info";
 import {
   Accordion,
   AccordionDetails,
@@ -39,7 +39,7 @@ export default function CertificatesClient({ certificates }: Props) {
         </Typography>
       </Stack>
 
-      <Alert severity="info" icon={<InfoOutlinedIcon />}>
+      <Alert severity="info" icon={<InfoIcon />}>
         <Typography variant="body2" fontWeight={600} gutterBottom>
           How Caddy handles certificates:
         </Typography>
diff --git a/src/components/proxy-hosts/GeoBlockFields.tsx b/src/components/proxy-hosts/GeoBlockFields.tsx
index 12f4c312..179b3300 100644
--- a/src/components/proxy-hosts/GeoBlockFields.tsx
+++ b/src/components/proxy-hosts/GeoBlockFields.tsx
@@ -25,9 +25,9 @@ import {
 } from "@mui/material";
 import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
 import AddIcon from "@mui/icons-material/Add";
-import DeleteOutlineIcon from "@mui/icons-material/DeleteOutline";
-import CheckCircleOutlineIcon from "@mui/icons-material/CheckCircleOutline";
-import ErrorOutlineIcon from "@mui/icons-material/ErrorOutline";
+import DeleteIcon from "@mui/icons-material/Delete";
+import CheckCircleIcon from "@mui/icons-material/CheckCircle";
+import ErrorIcon from "@mui/icons-material/Error";
 import WarningAmberIcon from "@mui/icons-material/WarningAmber";
 import PublicIcon from "@mui/icons-material/Public";
 import SearchIcon from "@mui/icons-material/Search";
@@ -61,7 +61,7 @@ function GeoIpStatus() {
   const noneLoaded = !status?.country && !status?.asn;
 
   const color = allLoaded ? "success" : noneLoaded ? "error" : "warning";
-  const Icon = allLoaded ? CheckCircleOutlineIcon : noneLoaded ? ErrorOutlineIcon : WarningAmberIcon;
+  const Icon = allLoaded ? CheckCircleIcon : noneLoaded ? ErrorIcon : WarningAmberIcon;
   const label = allLoaded ? "GeoIP ready" : noneLoaded ? "GeoIP missing" : "GeoIP partial";
   const tooltip = noneLoaded
     ? "GeoIP databases not found — country/continent/ASN blocking will not work. Enable the geoipupdate service."
@@ -552,7 +552,7 @@ function ResponseHeadersEditor({ initialHeaders }: { initialHeaders: Record<stri
               />
               <Tooltip title="Remove">
                 <IconButton size="small" color="error" onClick={() => setRows((prev) => prev.filter((_, j) => j !== i))} sx={{ mt: 0.5 }}>
-                  <DeleteOutlineIcon fontSize="small" />
+                  <DeleteIcon fontSize="small" />
                 </IconButton>
               </Tooltip>
             </Stack>
diff --git a/src/components/proxy-hosts/UpstreamInput.tsx b/src/components/proxy-hosts/UpstreamInput.tsx
index 75cc42ce..1ebb12bc 100644
--- a/src/components/proxy-hosts/UpstreamInput.tsx
+++ b/src/components/proxy-hosts/UpstreamInput.tsx
@@ -1,7 +1,7 @@
 
 import { Box, Button, IconButton, Stack, TextField, Tooltip, Typography, Autocomplete, InputAdornment } from "@mui/material";
 import AddIcon from "@mui/icons-material/Add";
-import RemoveCircleOutlineIcon from "@mui/icons-material/RemoveCircleOutline";
+import RemoveCircleIcon from "@mui/icons-material/RemoveCircle";
 import { useState } from "react";
 
 const PROTOCOL_OPTIONS = ["http://", "https://"];
@@ -115,7 +115,7 @@ export function UpstreamInput({
                                     color="error"
                                     sx={{ mt: 0.5 }}
                                 >
-                                    <RemoveCircleOutlineIcon fontSize="small" />
+                                    <RemoveCircleIcon fontSize="small" />
                                 </IconButton>
                             </span>
                         </Tooltip>