diff --git a/src/Components/NavTree/NavTreeNode.jsx b/src/Components/NavTree/NavTreeNode.jsx
index 61fafaedf..4d9395cf7 100644
--- a/src/Components/NavTree/NavTreeNode.jsx
+++ b/src/Components/NavTree/NavTreeNode.jsx
@@ -3,8 +3,8 @@ import React, {ReactElement} from 'react'
 import {reifyName} from '@bldrs-ai/ifclib'
 import {useTheme} from '@mui/material/styles'
 import HideToggleButton from '../HideToggleButton'
-import NodeClosedIcon from '../../assets/icons/NodeClosed.svg'
-import NodeOpenIcon from '../../assets/icons/NodeOpened.svg'
+import NodeClosedIcon from '@mui/icons-material/KeyboardArrowRight'
+import NodeOpenIcon from '@mui/icons-material/KeyboardArrowDown'
 
 
 /** @return {ReactElement} */
@@ -59,7 +59,6 @@ export default function NavTreeNode({
           role='button'
           tabIndex={0}
           style={{
-            margin: '7px 8px 0 0',
             display: 'flex',
             alignItems: 'center',
           }}
diff --git a/src/Components/Properties/ExpansionPanel.jsx b/src/Components/Properties/ExpansionPanel.jsx
index f2db6998a..5a71b3d54 100644
--- a/src/Components/Properties/ExpansionPanel.jsx
+++ b/src/Components/Properties/ExpansionPanel.jsx
@@ -3,7 +3,7 @@ import Accordion from '@mui/material/Accordion'
 import AccordionDetails from '@mui/material/AccordionDetails'
 import AccordionSummary from '@mui/material/AccordionSummary'
 import Typography from '@mui/material/Typography'
-import CaretIcon from '../../assets/icons/Caret.svg'
+import PsetOpenIcon from '@mui/icons-material/KeyboardArrowDown'
 
 
 /**
@@ -42,9 +42,9 @@ export default function ExpansionPanel({summary, detail, expandState}) {
       onChange={() => setExpanded(!expanded)}
     >
       <AccordionSummary
-        expandIcon={<CaretIcon className='caretToggle'/>}
-        aria-controls="panel1a-content"
-        id="panel1a-header"
+        expandIcon={<PsetOpenIcon className='icon-share'/>}
+        aria-controls='panel1a-content'
+        id='panel1a-header'
       >
         <Typography sx={{
           'maxWidth': '260px',
diff --git a/src/Components/Properties/Properties.jsx b/src/Components/Properties/Properties.jsx
index 4be6a123a..77a3c240c 100644
--- a/src/Components/Properties/Properties.jsx
+++ b/src/Components/Properties/Properties.jsx
@@ -4,12 +4,12 @@ import Box from '@mui/material/Box'
 import Paper from '@mui/material/Paper'
 import Typography from '@mui/material/Typography'
 import {useTheme} from '@mui/material/styles'
+import {useIsMobile} from '../Hooks'
+import Toggle from '../Toggle'
 import useStore from '../../store/useStore'
 import {hexToRgba} from '../../utils/color'
-import {createPropertyTable} from '../../utils/itemProperties'
 import ExpansionPanel from './ExpansionPanel'
-import {useIsMobile} from '../Hooks'
-import Toggle from '../Toggle'
+import {createPropertyTable} from './itemProperties'
 
 
 /**
diff --git a/src/utils/itemProperties.jsx b/src/Components/Properties/itemProperties.jsx
similarity index 98%
rename from src/utils/itemProperties.jsx
rename to src/Components/Properties/itemProperties.jsx
index f89702e1f..c6500c399 100644
--- a/src/utils/itemProperties.jsx
+++ b/src/Components/Properties/itemProperties.jsx
@@ -1,8 +1,8 @@
 import React, {useState} from 'react'
-import debug from './debug'
 import Typography from '@mui/material/Typography'
 import {deref, decodeIFCString} from '@bldrs-ai/ifclib'
-import {stoi} from './strings'
+import debug from '../../utils/debug'
+import {stoi} from '../../utils/strings'
 
 
 /**
diff --git a/src/Containers/AlertDialogAndSnackbar.jsx b/src/Containers/AlertDialogAndSnackbar.jsx
index 1ccc93917..490a4b2a1 100644
--- a/src/Containers/AlertDialogAndSnackbar.jsx
+++ b/src/Containers/AlertDialogAndSnackbar.jsx
@@ -44,6 +44,7 @@ export default function AlertAndSnackbar() {
     setIsSnackOpen(true)
   }, [snackMessage, setIsSnackOpen])
 
+
   return (
     <>
       <AlertDialog
@@ -59,24 +60,24 @@ export default function AlertAndSnackbar() {
         open={isSnackOpen}
         onClose={(event, reason) => setIsSnackOpen(false)}
         action={
-            <IconButton
-              onClick={() => setIsSnackOpen(false)}
-              size='small'
-              sx={{marginRight: '-.5em'}}
-            >
-                <CloseIcon color='primary' fontSize="inherit"/>
-            </IconButton>
-          }
+          <IconButton
+            onClick={() => setIsSnackOpen(false)}
+            size='small'
+            sx={{marginRight: '-.5em'}}
+          >
+            <CloseIcon color='primary' fontSize='inherit'/>
+          </IconButton>
+        }
         message={
-            <Typography
-              variant='body2'
-              sx={{
-                maxWidth: '19em',
-                overflowWrap: 'break-word',
-              }}
-            >
-              {text}
-            </Typography>
+          <Typography
+            variant='body2'
+            sx={{
+              maxWidth: '19em',
+              overflowWrap: 'break-word',
+            }}
+          >
+            {text}
+          </Typography>
         }
         data-testid='snackbar'
       />
diff --git a/src/assets/icons/NodeClosed.svg b/src/assets/icons/NodeClosed.svg
deleted file mode 100644
index caae1add9..000000000
--- a/src/assets/icons/NodeClosed.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="5" height="9" viewBox="0 0 5 9" xmlns="http://www.w3.org/2000/svg">
-<path d="M0.219396 0.237565C-0.0731325 0.554231 -0.0731325 1.02923 0.219396 1.3459L2.77902 4.11673L0.219396 6.88756C-0.0731322 7.20423 -0.0731322 7.67923 0.219397 7.9959C0.511925 8.31257 0.950719 8.31257 1.24325 7.9959L4.3148 4.6709C4.46106 4.51256 4.5342 4.35423 4.5342 4.11673C4.5342 3.87923 4.46106 3.7209 4.3148 3.56256L1.24325 0.237565C0.950718 -0.079102 0.511925 -0.079102 0.219396 0.237565Z"/>
-</svg>
diff --git a/src/assets/icons/NodeOpened.svg b/src/assets/icons/NodeOpened.svg
deleted file mode 100644
index 25bb694e7..000000000
--- a/src/assets/icons/NodeOpened.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="9" height="5" viewBox="0 0 9 5" xmlns="http://www.w3.org/2000/svg">
-<path d="M7.99583 0.219397C7.67917 -0.0731322 7.20417 -0.0731322 6.8875 0.219397L4.11667 2.77902L1.34583 0.219397C1.02917 -0.0731322 0.554167 -0.0731322 0.2375 0.219397C-0.0791667 0.511925 -0.0791667 0.950719 0.2375 1.24325L3.5625 4.3148C3.72083 4.46106 3.87917 4.5342 4.11667 4.5342C4.35417 4.5342 4.5125 4.46106 4.67083 4.3148L7.99583 1.24325C8.3125 0.950719 8.3125 0.511925 7.99583 0.219397Z"/>
-</svg>
diff --git a/src/theme/Components.js b/src/theme/Components.js
index 5325b60df..639795ae0 100644
--- a/src/theme/Components.js
+++ b/src/theme/Components.js
@@ -97,41 +97,6 @@ export function getComponentOverrides(palette, typography) {
         },
       },
     },
-    MuiChip: {
-      styleOverrides: {
-        filled: ({theme}) => ({
-          'border': `1px solid ${theme.palette.primary.main}`,
-          'backgroundColor': theme.palette.primary.main,
-          '&:hover': {
-            backgroundColor: theme.palette.secondary.main,
-          },
-        }),
-        outlined: ({theme}) => ({
-          'borderColor': theme.palette.primary.main,
-          'color': theme.palette.primary.contrastText,
-          '&&:hover': {
-            backgroundColor: theme.palette.primary.main,
-          },
-        }),
-        sampleModel: ({theme}) => ({
-          'borderColor': theme.palette.primary.main,
-          'backgroundColor': theme.palette.secondary.main,
-          'color': theme.palette.primary.contrastText,
-          'width': '11em',
-          'height': '6em',
-          'display': 'flex',
-          'justifyContent': 'center',
-          '&&:hover': {
-            backgroundColor: theme.palette.primary.main,
-          },
-          '& .MuiChip-label': {
-            display: 'flex',
-            flexDirection: 'column',
-            alignItems: 'center',
-          },
-        }),
-      },
-    },
     MuiDialog: {
       styleOverrides: {
         paper: {
@@ -179,18 +144,18 @@ export function getComponentOverrides(palette, typography) {
     },
     MuiMenuItem: {
       styleOverrides: {
-        root: ({theme}) => ({
+        root: {
           '&.Mui-selected': {
-            backgroundColor: theme.palette.secondary.dark,
+            backgroundColor: palette.secondary.dark,
             fontWeight: 'bold',
           },
           '&.Mui-selected:hover': {
             // TODO(pablo): merge with above. Can't figure out combined selector
-            backgroundColor: theme.palette.secondary.dark,
+            backgroundColor: palette.secondary.dark,
             fontWeight: 'bold',
             fontStyle: 'italic',
           },
-        }),
+        },
       },
     },
     MuiPaper: {
@@ -210,31 +175,24 @@ export function getComponentOverrides(palette, typography) {
         },
         {
           props: {variant: 'page-background'},
-          style: ({theme}) => ({
+          style: {
             padding: '10px',
             borderRadius: '0',
-          }),
+          },
         },
         {
           props: {variant: 'page'},
-          style: ({theme}) => ({
+          style: {
             padding: '10px',
             borderRadius: '0',
-          }),
+          },
         },
       ],
     },
-    MuiSelect: {
-      styleOverrides: {
-        root: {
-          // background: palette.primary.main,
-        },
-      },
-    },
     MuiLink: {
       styleOverrides: {
         root: {
-          color: palette.primary.contrastText,
+          color: palette.secondary.contrastText,
           textDecoration: 'underline',
         },
       },
@@ -242,17 +200,18 @@ export function getComponentOverrides(palette, typography) {
     MuiSnackbarContent: {
       styleOverrides: {
         root: {
+          backgroundColor: palette.secondary.main,
           borderRadius: '10px',
         },
       },
     },
     MuiSvgIcon: {
       styleOverrides: {
-        root: ({theme}) => ({
+        root: {
           width: '1.5rem',
           height: '1.5rem',
-          color: theme.palette.secondary.contrastText,
-        }),
+          color: palette.secondary.contrastText,
+        },
       },
       variants: [{
         // Used in HelpControl to indicate activity state
@@ -296,9 +255,9 @@ export function getComponentOverrides(palette, typography) {
     },
     MuiTypography: {
       styleOverrides: {
-        root: ({theme}) => ({
-          color: theme.palette.secondary.contrastText,
-        }),
+        root: {
+          color: palette.secondary.contrastText,
+        },
       },
     },
   }
diff --git a/src/theme/Typography.js b/src/theme/Typography.js
index 97674caef..4db827b4c 100644
--- a/src/theme/Typography.js
+++ b/src/theme/Typography.js
@@ -24,7 +24,7 @@ export function getTypography() {
     body1: {fontSize, lineHeight, letterSpacing, fontWeight},
     body2: {fontSize, lineHeight, letterSpacing, fontWeight},
     tree: {fontSize, lineHeight, letterSpacing, fontWeight},
-    propTitle: {fontSize, lineHeight, letterSpacing, fontWeight},
-    propValue: {fontSize, lineHeight, letterSpacing, fontWeight: 300},
+    propTitle: {fontSize, lineHeight, letterSpacing, fontWeight: 300},
+    propValue: {fontSize, lineHeight, letterSpacing, fontWeight},
   }
 }