diff --git a/src/frontend/src/components/buttons/ScanButton.tsx b/src/frontend/src/components/buttons/ScanButton.tsx
index 8f4f58eb63..2ef5aefbaa 100644
--- a/src/frontend/src/components/buttons/ScanButton.tsx
+++ b/src/frontend/src/components/buttons/ScanButton.tsx
@@ -16,7 +16,7 @@ export function ScanButton() {
           innerProps: {}
         })
       }
-      variant="default"
+      variant="transparent"
     >
       <IconQrcode />
     </ActionIcon>
diff --git a/src/frontend/src/components/buttons/SpotlightButton.tsx b/src/frontend/src/components/buttons/SpotlightButton.tsx
index 39fd18c723..8631178c31 100644
--- a/src/frontend/src/components/buttons/SpotlightButton.tsx
+++ b/src/frontend/src/components/buttons/SpotlightButton.tsx
@@ -12,7 +12,7 @@ export function SpotlightButton() {
     <ActionIcon
       onClick={() => firstSpotlight.open()}
       title={t`Open spotlight`}
-      variant="default"
+      variant="transparent"
     >
       <IconCommand />
     </ActionIcon>
diff --git a/src/frontend/src/components/items/ColorToggle.tsx b/src/frontend/src/components/items/ColorToggle.tsx
index ea832d90a4..59be5d7249 100644
--- a/src/frontend/src/components/items/ColorToggle.tsx
+++ b/src/frontend/src/components/items/ColorToggle.tsx
@@ -15,7 +15,7 @@ export function ColorToggle() {
           color:
             colorScheme === 'dark' ? vars.colors.yellow[4] : vars.colors.blue[6]
         }}
-        variant="default"
+        variant="transparent"
       >
         {colorScheme === 'dark' ? <IconSun /> : <IconMoonStars />}
       </ActionIcon>
diff --git a/src/frontend/src/components/items/LanguageToggle.tsx b/src/frontend/src/components/items/LanguageToggle.tsx
index 73dc9d50c9..40d1fcfada 100644
--- a/src/frontend/src/components/items/LanguageToggle.tsx
+++ b/src/frontend/src/components/items/LanguageToggle.tsx
@@ -16,7 +16,11 @@ export function LanguageToggle() {
         padding: open === true ? 8 : 0
       }}
     >
-      <ActionIcon onClick={() => toggle.toggle()} size="lg" variant="default">
+      <ActionIcon
+        onClick={() => toggle.toggle()}
+        size="lg"
+        variant="transparent"
+      >
         <IconLanguage />
       </ActionIcon>
       {open && (
diff --git a/src/frontend/src/components/nav/BreadcrumbList.tsx b/src/frontend/src/components/nav/BreadcrumbList.tsx
index ec7ffdf789..172e3f40e3 100644
--- a/src/frontend/src/components/nav/BreadcrumbList.tsx
+++ b/src/frontend/src/components/nav/BreadcrumbList.tsx
@@ -44,7 +44,11 @@ export function BreadcrumbList({
     <Paper p="3" radius="xs">
       <Group gap="xs">
         {navCallback && (
-          <ActionIcon key="nav-action" onClick={navCallback} variant="default">
+          <ActionIcon
+            key="nav-action"
+            onClick={navCallback}
+            variant="transparent"
+          >
             <IconMenu2 />
           </ActionIcon>
         )}
diff --git a/src/frontend/src/components/nav/Header.tsx b/src/frontend/src/components/nav/Header.tsx
index 9ba8248461..64d2ee92bd 100644
--- a/src/frontend/src/components/nav/Header.tsx
+++ b/src/frontend/src/components/nav/Header.tsx
@@ -94,12 +94,12 @@ export function Header() {
             <NavTabs />
           </Group>
           <Group>
-            <ActionIcon onClick={openSearchDrawer} variant="default">
+            <ActionIcon onClick={openSearchDrawer} variant="transparent">
               <IconSearch />
             </ActionIcon>
             <SpotlightButton />
             <ScanButton />
-            <ActionIcon onClick={openNotificationDrawer} variant="default">
+            <ActionIcon onClick={openNotificationDrawer} variant="transparent">
               <Indicator
                 radius="lg"
                 size="18"
diff --git a/src/frontend/src/components/nav/NotificationDrawer.tsx b/src/frontend/src/components/nav/NotificationDrawer.tsx
index aa31023cda..4e8d062ce7 100644
--- a/src/frontend/src/components/nav/NotificationDrawer.tsx
+++ b/src/frontend/src/components/nav/NotificationDrawer.tsx
@@ -74,7 +74,7 @@ export function NotificationDrawer({
               onClose();
               navigate('/notifications/unread');
             }}
-            variant="default"
+            variant="transparent"
           >
             <IconBellPlus />
           </ActionIcon>
diff --git a/src/frontend/src/tables/ColumnSelect.tsx b/src/frontend/src/tables/ColumnSelect.tsx
index ee94b85619..f0d83f8ecd 100644
--- a/src/frontend/src/tables/ColumnSelect.tsx
+++ b/src/frontend/src/tables/ColumnSelect.tsx
@@ -12,7 +12,7 @@ export function TableColumnSelect({
   return (
     <Menu shadow="xs" closeOnItemClick={false}>
       <Menu.Target>
-        <ActionIcon variant="default">
+        <ActionIcon variant="transparent">
           <Tooltip label={t`Select Columns`}>
             <IconAdjustments />
           </Tooltip>
diff --git a/src/frontend/src/tables/DownloadAction.tsx b/src/frontend/src/tables/DownloadAction.tsx
index c077ee6f2c..34abdfff7f 100644
--- a/src/frontend/src/tables/DownloadAction.tsx
+++ b/src/frontend/src/tables/DownloadAction.tsx
@@ -17,7 +17,7 @@ export function DownloadAction({
     <>
       <Menu>
         <Menu.Target>
-          <ActionIcon variant="default">
+          <ActionIcon variant="transparent">
             <Tooltip label={t`Download selected data`}>
               <IconDownload />
             </Tooltip>
diff --git a/src/frontend/src/tables/InvenTreeTable.tsx b/src/frontend/src/tables/InvenTreeTable.tsx
index 547ef8539e..36dc2cf4ad 100644
--- a/src/frontend/src/tables/InvenTreeTable.tsx
+++ b/src/frontend/src/tables/InvenTreeTable.tsx
@@ -599,7 +599,7 @@ export function InvenTreeTable<T = any>({
               />
             )}
             {tableProps.enableRefresh && (
-              <ActionIcon variant="default">
+              <ActionIcon variant="transparent">
                 <Tooltip label={t`Refresh data`}>
                   <IconRefresh onClick={() => refetch()} />
                 </Tooltip>
@@ -617,7 +617,7 @@ export function InvenTreeTable<T = any>({
                 label={tableState.activeFilters?.length ?? 0}
                 disabled={tableState.activeFilters?.length == 0}
               >
-                <ActionIcon variant="default">
+                <ActionIcon variant="transparent">
                   <Tooltip label={t`Table filters`}>
                     <IconFilter
                       onClick={() => setFiltersVisible(!filtersVisible)}
diff --git a/src/frontend/src/tables/general/AttachmentTable.tsx b/src/frontend/src/tables/general/AttachmentTable.tsx
index dbe5abb01a..1a3a68f576 100644
--- a/src/frontend/src/tables/general/AttachmentTable.tsx
+++ b/src/frontend/src/tables/general/AttachmentTable.tsx
@@ -196,7 +196,7 @@ export function AttachmentTable({
                 callback: table.refreshTable
               });
             }}
-            variant="default"
+            variant="transparent"
           >
             <IconFileUpload />
           </ActionIcon>
@@ -216,7 +216,7 @@ export function AttachmentTable({
                 callback: table.refreshTable
               });
             }}
-            variant="default"
+            variant="transparent"
           >
             <IconExternalLink />
           </ActionIcon>
diff --git a/src/frontend/src/tables/part/ParametricPartTable.tsx b/src/frontend/src/tables/part/ParametricPartTable.tsx
index ef0d3f0c75..0ffa9adb6d 100644
--- a/src/frontend/src/tables/part/ParametricPartTable.tsx
+++ b/src/frontend/src/tables/part/ParametricPartTable.tsx
@@ -78,7 +78,7 @@ function ParameterCell({
         {hovered && canEdit && (
           <div style={{ flex: 0 }}>
             <Tooltip label={t`Edit parameter`}>
-              <ActionIcon size="xs" onClick={handleClick} variant="default">
+              <ActionIcon size="xs" onClick={handleClick} variant="transparent">
                 <IconEdit />
               </ActionIcon>
             </Tooltip>