diff --git a/src/components/config/theme.ts b/src/components/config/theme.ts
index 2c3b10e7..1c7f633d 100644
--- a/src/components/config/theme.ts
+++ b/src/components/config/theme.ts
@@ -65,35 +65,15 @@ const customTheme = createMuiTheme({
   palette: {
     type: 'dark',
     primary: {
-      // TODO: rm when dialed in
-      // OLD
-      // light: '#66ab9d',
-      // main: '#409685',
-      // dark: '#2c695d',
-      // NEW
       light: '#62aca0',
       main: '#379587',
       dark: '#286a61',
       contrastText: '#fff',
     },
     secondary: {
-      // TODO: rm when dialed in
-      // light: '#2f86c1',
-      // main: '#016aa3',
-      // dark: '#014971',
-      // light: '#6386b0',
-      // main: '#325b93',
-      // dark: '#2e456b',
-      // light: '#20c5e0',
-      // main: '#139fb4',
-      // dark: '#0d7d8c',
-      // OPTION 3
       light: '#55a9c1',
       main: '#207d96',
       dark: '#2d6777',
-      // light: '#56abc2',
-      // main: '#207d96',
-      // dark: '#2d6676',
       contrastText: '#fff',
     },
   },
@@ -110,6 +90,15 @@ const customTheme = createMuiTheme({
 
 // Global overrides of MUI components that need to be re-styled often
 customTheme.overrides = {
+  MuiFormHelperText: {
+    root: {
+      fontSize: '0.65rem',
+    },
+    contained: {
+      marginLeft: '0.75rem',
+      marginRight: 0,
+    },
+  },
   MuiInput: {
     root: {
       fontSize: customTheme.typography.body2.fontSize, // default inputs: huge
@@ -121,6 +110,11 @@ customTheme.overrides = {
       },
     },
   },
+  MuiInputAdornment: {
+    root: {
+      color: customTheme.palette.text.secondary,
+    },
+  },
   MuiDialog: {
     // Outside boundary of all dialogs
     paper: {
@@ -146,6 +140,13 @@ customTheme.overrides = {
       color: customTheme.palette.secondary.light,
     },
   },
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  // @ts-ignore
+  MuiAutocomplete: {
+    root: {
+      marginBottom: '1rem',
+    },
+  },
 }
 
 export const theme = responsiveFontSizes(customTheme)
diff --git a/src/components/context/MapToolsContext.tsx b/src/components/context/MapToolsContext.tsx
index 03eaa3f2..209d1e1b 100644
--- a/src/components/context/MapToolsContext.tsx
+++ b/src/components/context/MapToolsContext.tsx
@@ -3,6 +3,7 @@ import React, { FC } from 'react'
 import * as Types from './types'
 
 const initialState = {
+  autoZoomCensus: true,
   boundariesVisible: false,
   geolocActive: false,
 } as Types.InitialMapToolsState
@@ -19,6 +20,8 @@ function reducer(
   action: Types.MapToolsAction
 ) {
   switch (action.type) {
+    case 'TOGGLE_CENSUS_AUTO_ZOOM':
+      return { ...state, autoZoomCensus: !state.autoZoomCensus }
     case 'SET_BOUNDARIES_VISIBLE':
       return { ...state, boundariesVisible: action.payload }
     case 'SET_GEOLOC_ACTIVE':
diff --git a/src/components/context/SymbAndLabelContext.tsx b/src/components/context/SymbAndLabelContext.tsx
index af88237e..bb2ae4a2 100644
--- a/src/components/context/SymbAndLabelContext.tsx
+++ b/src/components/context/SymbAndLabelContext.tsx
@@ -4,20 +4,24 @@ import { LangSchemaCol } from './types'
 
 type Dispatch = React.Dispatch<Action>
 type InitialState = {
-  activeLabelID: LangSchemaCol | '' | 'None'
+  activeLabelID: LangSchemaCol
   activeSymbGroupID: LangSchemaCol
   hideLangPoints: boolean
+  hideLangLabels: boolean
 }
 
 export type Action =
-  | { type: 'TOGGLE_LANG_POINTS' }
-  | { type: 'SET_LANG_LAYER_LABELS'; payload: LangSchemaCol | '' }
+  | { type: 'TOGGLE_LANG_LABELS'; payload?: boolean }
+  | { type: 'TOGGLE_LANG_POINTS'; payload?: boolean }
+  | { type: 'SET_LANG_LAYER_LABELS'; payload: LangSchemaCol }
   | { type: 'SET_LANG_LAYER_SYMBOLOGY'; payload: LangSchemaCol }
 
 const initialState = {
-  activeLabelID: '',
+  activeLabelID: 'Language',
   activeSymbGroupID: 'World Region',
+  autoZoomCensus: true,
   hideLangPoints: false,
+  hideLangLabels: true,
 } as InitialState
 
 const SymbAndLabelContext = React.createContext<InitialState | undefined>(
@@ -32,18 +36,23 @@ function reducer(state: InitialState, action: Action) {
     case 'TOGGLE_LANG_POINTS':
       return {
         ...state,
-        hideLangPoints: !state.hideLangPoints,
+        hideLangPoints:
+          // `undefined` if from individual checkboxes (as opposed to "all",
+          // e.g. from Census panel)
+          action.payload === undefined ? !state.hideLangPoints : action.payload,
       }
-    case 'SET_LANG_LAYER_LABELS':
+    case 'TOGGLE_LANG_LABELS':
       return {
         ...state,
-        activeLabelID: action.payload,
+        hideLangLabels:
+          // `undefined` if from individual checkboxes (as opposed to "all",
+          // e.g. from Census panel)
+          action.payload === undefined ? !state.hideLangLabels : action.payload,
       }
+    case 'SET_LANG_LAYER_LABELS':
+      return { ...state, activeLabelID: action.payload }
     case 'SET_LANG_LAYER_SYMBOLOGY':
-      return {
-        ...state,
-        activeSymbGroupID: action.payload,
-      }
+      return { ...state, activeSymbGroupID: action.payload }
     default: {
       return state
     }
diff --git a/src/components/context/types.ts b/src/components/context/types.ts
index 964ae06e..57956dd0 100644
--- a/src/components/context/types.ts
+++ b/src/components/context/types.ts
@@ -59,6 +59,8 @@ export type LangLevelOptional = CensusFields &
     addlNeighborhoods: string[] // suuuper shakes mcgee
     Audio: string
     descriptionID: string
+    // Used in "Language Profile" (aka Pre-Details), not Details
+    langProfileDescripID: string
     Glottocode: string
     Macrocommunity: string[]
     Neighborhood: string[]
@@ -95,19 +97,18 @@ type CensusFieldPayload = {
 }
 
 export type InitialMapToolsState = {
+  autoZoomCensus: boolean
   boundariesVisible: boolean
   geolocActive: boolean
   censusActiveField?: CensusFieldPayload
 }
 
 export type MapToolsAction =
+  | { type: 'CLEAR_CENSUS_FIELD' }
   | { type: 'SET_BOUNDARIES_VISIBLE'; payload: boolean }
+  | { type: 'SET_CENSUS_FIELD'; payload: CensusFieldPayload }
   | { type: 'SET_GEOLOC_ACTIVE'; payload: boolean }
-  | { type: 'CLEAR_CENSUS_FIELD' }
-  | {
-      type: 'SET_CENSUS_FIELD'
-      payload: CensusFieldPayload
-    }
+  | { type: 'TOGGLE_CENSUS_AUTO_ZOOM' }
 
 export type MapToolsDispatch = React.Dispatch<MapToolsAction>
 
diff --git a/src/components/details/DetailedIntro.tsx b/src/components/details/DetailedIntro.tsx
index 97fc5cd9..d01eb99f 100644
--- a/src/components/details/DetailedIntro.tsx
+++ b/src/components/details/DetailedIntro.tsx
@@ -1,11 +1,13 @@
 import React, { FC } from 'react'
 import { createStyles, makeStyles, Theme } from '@material-ui/core/styles'
+import { Route } from 'react-router-dom'
 
 import { Media } from 'components/media'
 import { MoreLikeThis } from 'components/details'
 import { CensusPopover } from 'components/explore/CensusPopover'
 import { StatsAndMeta } from 'components/explore/StatsAndMeta'
-import { FancyHorizRule } from 'components/generic'
+import { LangProfileDescrip } from 'components/explore'
+import { routes } from 'components/config/api'
 import { LangOrEndoIntro } from './LangOrEndoIntro'
 import { DetailedIntroProps } from './types'
 import { ReadMoreLangDescrip } from './ReadMoreLangDescrip'
@@ -14,11 +16,14 @@ const useStyles = makeStyles((theme: Theme) =>
   createStyles({
     root: {
       textAlign: 'center',
+      paddingBottom: '0.75rem',
+      marginBottom: '1rem',
+      borderBottom: `solid 1px ${theme.palette.divider}`,
     },
   })
 )
 
-// The intro section of pre-Details and Details views
+// The intro section of pre-Details ("Language Profile") and Details views
 export const DetailedIntro: FC<DetailedIntroProps> = (props) => {
   const { data, shareNoun, isInstance, langDescripID } = props
   const classes = useStyles()
@@ -32,7 +37,13 @@ export const DetailedIntro: FC<DetailedIntroProps> = (props) => {
       </MoreLikeThis>
       <Media data={data} shareNoun={shareNoun} omitClear={!isInstance} />
       {langDescripID && <ReadMoreLangDescrip langDescripID={langDescripID} />}
-      <FancyHorizRule />
+      <Route path={routes.explore}>
+        {data.langProfileDescripID && (
+          <LangProfileDescrip
+            langProfileDescripID={data.langProfileDescripID}
+          />
+        )}
+      </Route>
     </header>
   )
 }
diff --git a/src/components/details/NeighborhoodList.tsx b/src/components/details/NeighborhoodList.tsx
index 961f7bef..f2facd20 100644
--- a/src/components/details/NeighborhoodList.tsx
+++ b/src/components/details/NeighborhoodList.tsx
@@ -110,6 +110,7 @@ export const NeighborhoodList: FC<Types.NeighborhoodListProps> = (props) => {
           let url // TODO: de-shabbify, wire up w/Town
           const footer = <CardFooter text={loc} />
 
+          // TODO: use Routes, dude
           if (!isInstance)
             url = `/details/${instanceIDs ? instanceIDs[i] : 999999}`
           else url = `/Explore/${locRouteName}/${loc}`
diff --git a/src/components/explore/CustomCard.tsx b/src/components/explore/CustomCard.tsx
index 7ce96d6a..0a259f3c 100644
--- a/src/components/explore/CustomCard.tsx
+++ b/src/components/explore/CustomCard.tsx
@@ -93,7 +93,7 @@ export const GlottoIsoFooter: FC<GlottoIsoFooterProps> = (props) => {
 }
 
 export const CustomCard: FC<Types.CustomCardProps> = (props) => {
-  const { title, url, uniqueInstances, intro, icon, footer, footerIcon } = props
+  const { title, url, uniqueInstances, intro, icon, footer } = props
   const classes = useStyles()
 
   return (
@@ -126,7 +126,6 @@ export const CustomCard: FC<Types.CustomCardProps> = (props) => {
         variant="caption"
         className={classes.footer}
       >
-        {footerIcon}
         {footer ||
           (uniqueInstances !== undefined &&
             utils.prettyTruncate(uniqueInstances as string[]))}
diff --git a/src/components/explore/LangProfileDescrip.tsx b/src/components/explore/LangProfileDescrip.tsx
new file mode 100644
index 00000000..c16c6e99
--- /dev/null
+++ b/src/components/explore/LangProfileDescrip.tsx
@@ -0,0 +1,21 @@
+import React, { FC } from 'react'
+
+import { ReadMore } from 'components/generic'
+import { useAirtable } from './hooks'
+
+export const LangProfileDescrip: FC<{ langProfileDescripID: string }> = (
+  props
+) => {
+  const { langProfileDescripID } = props
+
+  const { data, error, isLoading } = useAirtable<{ Description: string }>(
+    // TODO: TS-ify the names of all tables
+    'Language Profiles',
+    // TODO: TS-ify the field names for all tables
+    { filterByFormula: `{id} = '${langProfileDescripID}'` }
+  )
+
+  if (isLoading || error || !data.length) return null
+
+  return <ReadMore text={data[0].Description} />
+}
diff --git a/src/components/explore/MidLevelExplore.tsx b/src/components/explore/MidLevelExplore.tsx
index 0f4e104c..965516c9 100644
--- a/src/components/explore/MidLevelExplore.tsx
+++ b/src/components/explore/MidLevelExplore.tsx
@@ -5,7 +5,6 @@ import {
   Route,
   Link as RouterLink,
 } from 'react-router-dom'
-import { BiMapPin } from 'react-icons/bi'
 
 import { FlagFromHook } from 'components/generic/icons-and-swatches'
 import { SwatchOnly } from 'components/legend'
@@ -87,9 +86,6 @@ export const MidLevelExplore: FC<MidLevelExploreProps> = (props) => {
     )
   }
 
-  const footerIcon = (value !== undefined || tableName === 'Language') && (
-    <BiMapPin />
-  )
   const { definition, plural } = landingData[0] || {}
 
   let primaryData
@@ -131,7 +127,6 @@ export const MidLevelExplore: FC<MidLevelExploreProps> = (props) => {
               key={nameOrLang}
               intro={value || field === 'Language' ? nameOrLang : ''}
               title={tableName === 'Language' ? row.Endonym : nameOrLang}
-              footerIcon={footerIcon}
               uniqueInstances={uniqueInstances}
               url={`${url}/${nameOrLang}`}
               // TODO: use and refactor SwatchOrFlagOrIcon for icon prop
diff --git a/src/components/explore/index.ts b/src/components/explore/index.ts
index 47cd6803..79a2f30a 100644
--- a/src/components/explore/index.ts
+++ b/src/components/explore/index.ts
@@ -3,6 +3,7 @@ export * from './CardList'
 export * from './CustomCard'
 export * from './Explore'
 export * from './LangCardsList'
+export * from './LangProfileDescrip'
 export * from './MidLevelExplore'
 
 export * from './config'
diff --git a/src/components/explore/types.ts b/src/components/explore/types.ts
index 099dbb3e..1261c958 100644
--- a/src/components/explore/types.ts
+++ b/src/components/explore/types.ts
@@ -13,7 +13,7 @@ export type ReactQueryOptions = {
 }
 
 // TODO: try to reuse some of these, they're pretty common in sev. components
-type CategoryProps = {
+export type CustomCardProps = {
   title: string
   uniqueInstances?: unknown[]
   url: string
@@ -22,10 +22,6 @@ type CategoryProps = {
   intro?: string
 }
 
-export type CustomCardProps = CategoryProps & {
-  footerIcon?: React.ReactNode
-}
-
 export type CategoryConfig = {
   name: keyof InstanceLevelSchema
   definition?: string
@@ -41,7 +37,7 @@ export type RouteMatch = {
   language?: string
 }
 
-export type CardConfig = CategoryProps & {
+export type CardConfig = CustomCardProps & {
   footer: string
   to: string
 }
diff --git a/src/components/generic/ReadMore.tsx b/src/components/generic/ReadMore.tsx
index 93264039..c72efe89 100644
--- a/src/components/generic/ReadMore.tsx
+++ b/src/components/generic/ReadMore.tsx
@@ -50,7 +50,8 @@ const useStyles = makeStyles((theme: Theme) =>
     description: {
       textAlign: 'left',
       fontSize: (props: ReadMoreStyles) => props.fontSize,
-      marginBottom: '0.25rem',
+      marginBottom: '0.75rem',
+      lineHeight: 1.75,
     },
   })
 )
diff --git a/src/components/generic/ToggleableSection.tsx b/src/components/generic/ToggleableSection.tsx
index d9102046..52f8b58c 100644
--- a/src/components/generic/ToggleableSection.tsx
+++ b/src/components/generic/ToggleableSection.tsx
@@ -25,6 +25,9 @@ const useStyles = makeStyles(() =>
   })
 )
 
+// TODO: consider ellipsizing with `line-clamp`:
+// https://css-tricks.com/multiline-truncated-text-with-show-more-button/
+// https://css-tricks.com/almanac/properties/l/line-clamp/
 export const ToggleableSection: FC<ToggleableProps> = (props) => {
   const { children, show, initialHeight = 0 } = props
   const classes = useStyles({ show, initialHeight })
diff --git a/src/components/home/Home.tsx b/src/components/home/Home.tsx
index 4456f35e..db7395c0 100644
--- a/src/components/home/Home.tsx
+++ b/src/components/home/Home.tsx
@@ -1,15 +1,13 @@
 import React, { FC } from 'react'
-import { GoSearch } from 'react-icons/go'
 
 import { LegendPanel } from 'components/legend'
-import { PanelContentSimple, PanelHeading } from 'components/panels'
+import { PanelContentSimple } from 'components/panels'
 import { SearchByOmnibox } from './SearchByOmnibox'
 import { FiltersWarning } from './FiltersWarning'
 
 export const Home: FC = () => {
   return (
     <PanelContentSimple>
-      <PanelHeading icon={<GoSearch />} text="Search language communities" />
       <SearchByOmnibox />
       <FiltersWarning />
       <LegendPanel />
diff --git a/src/components/home/OmniboxResult.tsx b/src/components/home/OmniboxResult.tsx
index 9a7db7e1..0e00119e 100644
--- a/src/components/home/OmniboxResult.tsx
+++ b/src/components/home/OmniboxResult.tsx
@@ -1,7 +1,6 @@
 import React, { FC } from 'react'
 import { createStyles, makeStyles, Theme } from '@material-ui/core/styles'
 import { Typography, Box } from '@material-ui/core'
-import { FaStreetView } from 'react-icons/fa'
 
 import { PreppedAutocompleteGroup } from './types'
 
@@ -16,17 +15,10 @@ const useStyles = makeStyles((theme: Theme) =>
       fontSize: '0.8rem',
     },
     resultHeading: {
-      alignItems: 'center',
-      color: theme.palette.secondary.main,
-      display: 'flex',
+      color: theme.palette.secondary.light,
       fontSize: '1em',
       lineHeight: 1,
       marginTop: 4,
-      '& svg': {
-        color: theme.palette.secondary.main,
-        flexShrink: 0, // otherwise squished next to super-long headings
-        marginRight: 3,
-      },
     },
     // The footer
     details: {
@@ -72,7 +64,6 @@ export const OmniboxResult: FC<{ data: PreppedAutocompleteGroup }> = (
   return (
     <Box className={resultRoot}>
       <Typography component="h4" className={resultHeading}>
-        <FaStreetView />
         {data.location}
       </Typography>
       <Box component="footer" className={details}>
diff --git a/src/components/home/SearchByOmnibox.tsx b/src/components/home/SearchByOmnibox.tsx
index a473f175..daf00336 100644
--- a/src/components/home/SearchByOmnibox.tsx
+++ b/src/components/home/SearchByOmnibox.tsx
@@ -2,9 +2,10 @@ import React, { FC } from 'react'
 import { useHistory } from 'react-router-dom'
 import matchSorter from 'match-sorter'
 import Autocomplete from '@material-ui/lab/Autocomplete'
-import { TextField } from '@material-ui/core'
+import { TextField, InputAdornment } from '@material-ui/core'
 import { makeStyles, Theme, createStyles } from '@material-ui/core/styles'
 import { MdClose } from 'react-icons/md'
+import { GoSearch } from 'react-icons/go'
 
 import { routes } from 'components/config/api'
 import { useAirtable } from 'components/explore/hooks'
@@ -19,9 +20,6 @@ import { PreppedAutocompleteGroup } from './types'
 // ...to make sure it fits on iPhone?
 const useStyles = makeStyles((theme: Theme) =>
   createStyles({
-    root: {
-      marginBottom: '1.25rem',
-    },
     paper: {
       // Stands out against panels behind it
       backgroundColor: theme.palette.background.default,
@@ -36,9 +34,9 @@ const useStyles = makeStyles((theme: Theme) =>
         borderBottom: `1px solid ${theme.palette.text.hint}`,
         color: theme.palette.text.primary,
         fontFamily: theme.typography.h1.fontFamily,
-        fontSize: '1.1rem',
-        paddingLeft: 12,
+        fontSize: '1.25rem',
         fontWeight: theme.typography.h1.fontWeight,
+        paddingLeft: 12,
       },
     },
     // The <li> items. Not sure why it works via classes and `groupUl` doesn't.
@@ -47,9 +45,12 @@ const useStyles = makeStyles((theme: Theme) =>
       display: 'flex',
       paddingLeft: 12,
     },
-    inputRoot: {
-      // Decrease placeholder font size but prevent unwanted iOS zoom on focus
-      '& input:not(:focus)': { fontSize: '0.8em' },
+    input: {
+      // Make text more opaque than the 0.5 default
+      // CRED: https://stackoverflow.com/a/48545561/1048518
+      '&::placeholder': {
+        opacity: 0.85,
+      },
     },
   })
 )
@@ -113,13 +114,26 @@ export const SearchByOmnibox: FC = (props) => {
           React.HTMLAttributes<HTMLElement>
         >
       }
-      renderInput={(params) => (
-        <TextField
-          {...params}
-          placeholder="Language, endonym, Glottocode, or ISO 639-3"
-          InputLabelProps={{ disableAnimation: true, shrink: true }}
-        />
-      )}
+      renderInput={(params) => {
+        // eslint-disable-next-line no-param-reassign
+        params.InputProps.startAdornment = (
+          <>
+            <InputAdornment position="start">
+              <GoSearch />
+            </InputAdornment>
+            {params.InputProps.startAdornment}
+          </>
+        )
+
+        return (
+          <TextField
+            {...params}
+            variant="outlined"
+            placeholder="Search language communities"
+            helperText="Enter a language, endonym, Glottocode, or ISO 639-3"
+          />
+        )
+      }}
     />
   )
 }
diff --git a/src/components/home/utils.tsx b/src/components/home/utils.tsx
index 5dd9c747..dc7f05d5 100644
--- a/src/components/home/utils.tsx
+++ b/src/components/home/utils.tsx
@@ -1,4 +1,5 @@
 import React from 'react'
+import { Link as RouterLink } from 'react-router-dom'
 import { VariableSizeList } from 'react-window'
 import { AutocompleteRenderGroupParams } from '@material-ui/lab/Autocomplete'
 import ListSubheader from '@material-ui/core/ListSubheader'
@@ -24,8 +25,12 @@ export function useResetCache(
 // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
 export const renderGroup = (params: AutocompleteRenderGroupParams) => {
   return [
-    <ListSubheader key={params.key} component="div">
-      {params.group}
+    // Could NOT get it to style properly if setting component to anything but
+    // "div" and could not make it stay sticky either. Frustration station.
+    <ListSubheader key={params.group} component="div">
+      <RouterLink to={`/Explore/Language/${params.group}`}>
+        {params.group}
+      </RouterLink>
     </ListSubheader>,
     params.children,
   ]
diff --git a/src/components/legend/LangPointsToggle.tsx b/src/components/legend/LangPointsToggle.tsx
index 1c379566..b048d869 100644
--- a/src/components/legend/LangPointsToggle.tsx
+++ b/src/components/legend/LangPointsToggle.tsx
@@ -3,7 +3,15 @@ import React, { FC } from 'react'
 import { FormControlLabel, Switch } from '@material-ui/core'
 import { createStyles, makeStyles, Theme } from '@material-ui/core/styles'
 
-import { useLabelAndSymbDispatch } from 'components/context/SymbAndLabelContext'
+import {
+  useLabelAndSymbDispatch,
+  useSymbAndLabelState,
+} from 'components/context/SymbAndLabelContext'
+
+type CustomFormControlProps = {
+  label: string
+  switchControl: React.ReactElement
+}
 
 const useStyles = makeStyles((theme: Theme) =>
   createStyles({
@@ -21,29 +29,88 @@ const useStyles = makeStyles((theme: Theme) =>
   })
 )
 
-// TODO: abstract and reuse for labels
-export const LangPointsToggle: FC<{ checked: boolean }> = (props) => {
-  const { checked } = props
+export const CustomFormControl: FC<CustomFormControlProps> = (props) => {
+  const { label, switchControl } = props
   const classes = useStyles()
   const { smallerText, root } = classes
+
+  return (
+    <FormControlLabel
+      classes={{ label: smallerText, root }}
+      label={label}
+      control={switchControl}
+    />
+  )
+}
+
+export const LangPointsToggle: FC = (props) => {
+  const { hideLangPoints } = useSymbAndLabelState()
   const symbLabelDispatch = useLabelAndSymbDispatch()
 
-  const handleBoundariesToggle = () => {
+  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {
     symbLabelDispatch({ type: 'TOGGLE_LANG_POINTS' })
   }
 
   return (
-    <FormControlLabel
-      classes={{ label: smallerText, root }}
-      control={
+    <CustomFormControl
+      label="Hide symbols"
+      switchControl={
         <Switch
-          checked={checked}
-          onChange={handleBoundariesToggle}
+          checked={hideLangPoints}
+          onChange={handleChange}
+          name="toggle-lang-points"
+          size="small"
+        />
+      }
+    />
+  )
+}
+
+export const LangLabelsToggle: FC = (props) => {
+  const { hideLangLabels } = useSymbAndLabelState()
+  const symbLabelDispatch = useLabelAndSymbDispatch()
+
+  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {
+    symbLabelDispatch({ type: 'TOGGLE_LANG_LABELS' })
+  }
+
+  return (
+    <CustomFormControl
+      label="Hide labels"
+      switchControl={
+        <Switch
+          checked={hideLangLabels}
+          onChange={handleChange}
+          name="toggle-lang-points"
+          size="small"
+        />
+      }
+    />
+  )
+}
+
+export const AllLangDataToggle: FC = () => {
+  const { hideLangLabels, hideLangPoints } = useSymbAndLabelState()
+  const symbLabelDispatch = useLabelAndSymbDispatch()
+
+  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {
+    const payload = event.target.checked
+
+    symbLabelDispatch({ type: 'TOGGLE_LANG_POINTS', payload })
+    symbLabelDispatch({ type: 'TOGGLE_LANG_LABELS', payload })
+  }
+
+  return (
+    <CustomFormControl
+      label="Hide ELA symbols and labels"
+      switchControl={
+        <Switch
+          checked={hideLangLabels && hideLangPoints}
+          onChange={handleChange}
           name="toggle-lang-points"
           size="small"
         />
       }
-      label="Hide symbols"
     />
   )
 }
diff --git a/src/components/legend/LayerLabelSelect.tsx b/src/components/legend/LayerLabelSelect.tsx
index e8ef1074..db0151e7 100644
--- a/src/components/legend/LayerLabelSelect.tsx
+++ b/src/components/legend/LayerLabelSelect.tsx
@@ -28,7 +28,6 @@ export const LayerLabelSelect: FC = () => {
       onChange={handleChange}
       inputProps={{ name: 'label', id: 'lang-label-TextField' }}
     >
-      <option value="None">No labels</option>
       {labelFields.map((label: string) => (
         <option key={label} value={label}>
           {label}
diff --git a/src/components/legend/LegendPanel.tsx b/src/components/legend/LegendPanel.tsx
index 5c5e3f56..2c785651 100644
--- a/src/components/legend/LegendPanel.tsx
+++ b/src/components/legend/LegendPanel.tsx
@@ -11,6 +11,7 @@ import {
 import { useSymbAndLabelState } from 'components/context'
 import { WorldRegionMap } from './WorldRegionMap'
 import { useLegendConfig } from './hooks'
+import { LangLabelsToggle } from './LangPointsToggle'
 
 const useStyles = makeStyles((theme: Theme) =>
   createStyles({
@@ -25,8 +26,8 @@ const useStyles = makeStyles((theme: Theme) =>
       textTransform: 'uppercase',
     },
     legendCtrls: {
-      alignItems: 'center',
-      display: 'flex',
+      gridTemplateColumns: '1fr 1fr',
+      display: 'grid',
       marginBottom: '0.5rem',
       '& > * + *': {
         marginLeft: '1rem',
@@ -68,7 +69,7 @@ const PanelSectionHeading: FC = (props) => {
 }
 
 export const LegendPanel: FC = () => {
-  const { activeSymbGroupID, hideLangPoints } = useSymbAndLabelState()
+  const { activeSymbGroupID } = useSymbAndLabelState()
   const classes = useStyles()
   const {
     error,
@@ -92,7 +93,10 @@ export const LegendPanel: FC = () => {
         <LayerSymbSelect />
         <LayerLabelSelect />
       </div>
-      <LangPointsToggle checked={hideLangPoints} />
+      <div className={classes.legendCtrls}>
+        <LangPointsToggle />
+        <LangLabelsToggle />
+      </div>
       {isLoading && <p>Loading legend info...</p>}
       {!isLoading && (
         <div className={classes.groupedLegend}>
diff --git a/src/components/legend/index.ts b/src/components/legend/index.ts
index ec802f96..56c98f41 100644
--- a/src/components/legend/index.ts
+++ b/src/components/legend/index.ts
@@ -2,7 +2,7 @@ export * from './config'
 export * from './hooks'
 export * from './types'
 
-export * from './LangPointsToggle'
+export * from './LangPointsToggle' // TODO: rename generic
 export * from './LayerLabelSelect'
 export * from './LayerSymbSelect'
 export * from './Legend'
diff --git a/src/components/local/CensusAutoZoomToggle.tsx b/src/components/local/CensusAutoZoomToggle.tsx
new file mode 100644
index 00000000..3d4be75d
--- /dev/null
+++ b/src/components/local/CensusAutoZoomToggle.tsx
@@ -0,0 +1,29 @@
+import React, { FC } from 'react'
+import { Switch } from '@material-ui/core'
+
+import { CustomFormControl } from 'components/legend'
+import { useMapToolsDispatch, useMapToolsState } from 'components/context'
+
+// Decides whether to auto-zoom to initial extent on Census language change
+export const CensusAutoZoomToggle: FC = (props) => {
+  const mapToolsDispatch = useMapToolsDispatch()
+  const { autoZoomCensus } = useMapToolsState()
+
+  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {
+    mapToolsDispatch({ type: 'TOGGLE_CENSUS_AUTO_ZOOM' })
+  }
+
+  return (
+    <CustomFormControl
+      label="Auto-zoom to initial extent"
+      switchControl={
+        <Switch
+          checked={autoZoomCensus}
+          onChange={handleChange}
+          name="toggle-census-auto-zoom"
+          size="small"
+        />
+      }
+    />
+  )
+}
diff --git a/src/components/local/CensusFieldSelect.tsx b/src/components/local/CensusFieldSelect.tsx
index 3502ff84..d4820a47 100644
--- a/src/components/local/CensusFieldSelect.tsx
+++ b/src/components/local/CensusFieldSelect.tsx
@@ -6,20 +6,14 @@ import Autocomplete, {
 } from '@material-ui/lab/Autocomplete'
 
 import { useMapToolsDispatch, useMapToolsState } from 'components/context'
-import { LocationSearchContent } from 'components/map'
-import { SubtleText } from 'components/generic'
-import { useCensusFields } from './hooks'
-import { CensusIntro } from './CensusIntro'
 
 import * as Types from './types'
+import { useCensusFields } from './hooks'
 import { setCensusField } from './utils'
 import { censusGroupHeadings } from './config'
 
 const useStyles = makeStyles((theme: Theme) =>
   createStyles({
-    root: {
-      marginBottom: '0.25rem',
-    },
     paper: {
       // Stands out against panels behind it
       backgroundColor: theme.palette.background.default,
@@ -78,7 +72,7 @@ const renderGroup = (params: AutocompleteRenderGroupParams) => {
   ]
 }
 
-const CensusAutocomplete: FC = (props) => {
+export const CensusFieldSelect: FC = (props) => {
   const classes = useStyles()
   const mapToolsDispatch = useMapToolsDispatch()
   const { censusActiveField } = useMapToolsState()
@@ -100,7 +94,6 @@ const CensusAutocomplete: FC = (props) => {
         option: classes.option,
         listbox: classes.listbox,
         paper: classes.paper,
-        root: classes.root,
       }}
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-ignore // it actually DOES exist on currentTarget
@@ -123,24 +116,16 @@ const CensusAutocomplete: FC = (props) => {
       renderInput={(params) => (
         <TextField
           {...params}
-          label="Choose a language or enter text"
-          variant="standard"
+          placeholder="Choose a language or enter text"
+          margin="dense"
+          variant="outlined"
+          helperText="*Census Bureau category, component languages unclear"
+          InputLabelProps={{ disableAnimation: true, shrink: true }}
+          FormHelperTextProps={{
+            variant: 'outlined',
+          }}
         />
       )}
     />
   )
 }
-
-export const CensusFieldSelect: FC = () => {
-  return (
-    <LocationSearchContent
-      heading="Census Language Data (NYC only)"
-      explanation={<CensusIntro />}
-    >
-      <CensusAutocomplete />
-      <SubtleText>
-        *Census Bureau category, component languages unclear
-      </SubtleText>
-    </LocationSearchContent>
-  )
-}
diff --git a/src/components/local/LocalPanel.tsx b/src/components/local/LocalPanel.tsx
index a551a05c..9435d664 100644
--- a/src/components/local/LocalPanel.tsx
+++ b/src/components/local/LocalPanel.tsx
@@ -7,12 +7,22 @@ import {
 } from 'components/map'
 import { PanelContentSimple } from 'components/panels'
 import { LocalPanelProps } from 'components/map/types'
+import { AllLangDataToggle } from 'components/legend'
 import { CensusFieldSelect } from './CensusFieldSelect'
+import { CensusIntro } from './CensusIntro'
+import { CensusAutoZoomToggle } from './CensusAutoZoomToggle'
 
 export const LocalPanel: FC<LocalPanelProps> = (props) => {
   return (
     <PanelContentSimple>
-      <CensusFieldSelect />
+      <LocationSearchContent
+        heading="Census Language Data (NYC only)"
+        explanation={<CensusIntro />}
+      >
+        <CensusFieldSelect />
+        <AllLangDataToggle />
+        <CensusAutoZoomToggle />
+      </LocationSearchContent>
       <LocationSearchContent
         heading="Location tools"
         explanation="Enter an address, municipality, neighborhood, postal code, landmark, or other point of interest within the New York City metro area."
diff --git a/src/components/map/LangMbSrcAndLayer.tsx b/src/components/map/LangMbSrcAndLayer.tsx
index 944b2a34..53709faa 100644
--- a/src/components/map/LangMbSrcAndLayer.tsx
+++ b/src/components/map/LangMbSrcAndLayer.tsx
@@ -12,7 +12,12 @@ import * as Types from './types'
 
 export const LangMbSrcAndLayer: FC = () => {
   const symbLabelState = useSymbAndLabelState()
-  const { activeLabelID, activeSymbGroupID, hideLangPoints } = symbLabelState
+  const {
+    activeLabelID,
+    activeSymbGroupID,
+    hideLangPoints,
+    hideLangLabels,
+  } = symbLabelState
   const {
     data: fontsData,
     isLoading: isFontsLoading,
@@ -36,7 +41,7 @@ export const LangMbSrcAndLayer: FC = () => {
       ...layout,
     }
 
-    if (!activeLabelID || activeLabelID === 'None' || !endoFonts) {
+    if (hideLangLabels || !endoFonts) {
       return { ...bareMinimum, 'text-field': '' }
     }
 
@@ -83,11 +88,11 @@ export const LangMbSrcAndLayer: FC = () => {
 
         layout = getLayout(layout)
 
-        // TODO: marker for selected feature
-        if (activeLabelID && activeLabelID !== 'None') {
+        if (hideLangLabels) {
           paint = { ...config.mapLabelDefaults.paint, ...paint }
         }
 
+        // TODO: marker for selected feature
         if (hideLangPoints) layout = { ...layout, 'icon-size': 0 }
 
         return (
diff --git a/src/components/map/Map.tsx b/src/components/map/Map.tsx
index e6df3d42..7e6227c9 100644
--- a/src/components/map/Map.tsx
+++ b/src/components/map/Map.tsx
@@ -45,7 +45,11 @@ export const Map: FC<Types.MapProps> = (props) => {
   const map: MbMap | undefined = mapRef.current?.getMap()
   const { selFeatAttribs } = usePopupFeatDetails()
   const { state } = useContext(contexts.GlobalContext)
-  const { boundariesVisible } = contexts.useMapToolsState()
+  const {
+    boundariesVisible,
+    autoZoomCensus,
+    censusActiveField,
+  } = contexts.useMapToolsState()
   const offset = useOffset(panelOpen)
   const breakpoint = useBreakpoint()
   const { langFeatures, filterHasRun } = state
@@ -53,6 +57,7 @@ export const Map: FC<Types.MapProps> = (props) => {
   // const symbLabelState = contexts.useSymbAndLabelState()
   // const { activeSymbGroupID } = symbLabelState
   const [beforeId, setBeforeId] = useState<string>('background')
+  const [isMapTilted, setIsMapTilted] = useState<boolean>(false)
 
   const [
     geocodeMarker,
@@ -70,19 +75,48 @@ export const Map: FC<Types.MapProps> = (props) => {
     clickedBoundary,
     setClickedBoundary,
   ] = useState<Types.BoundaryFeat | null>()
-  const shouldFlyHome = useZoomToLangFeatsExtent(panelOpen, map)
+
+  // TODO: mobile:
+  const shouldFlyHome = useZoomToLangFeatsExtent(panelOpen, isMapTilted, map)
   const boundaryPopup = useBoundaryPopup(panelOpen, clickedBoundary, map)
 
   // TODO: rm if not needed for hover/popup stuff
   // const symbCache = cache.getQueryData([activeSymbGroupID, 'legend']) || []
   // const interactiveLayerIds = symbCache
 
+  useEffect((): void => {
+    if (!map) return
+
+    if (isMapTilted) map.setPitch(80, { forceViewportUpdate: true })
+    else map.setPitch(0, { forceViewportUpdate: true })
+
+    if (breakpoint !== 'mobile' || !panelOpen) return
+
+    // Pitch reset in 50/50 page layout on smaller screens needs extra love:
+    setTimeout(() => {
+      const yOffset = isMapTilted ? -0.1 : 0.1
+
+      // TODO: smooth this out for 3D
+      map.panBy([0, yOffset * offset[1]], undefined, {
+        forceViewportUpdate: true,
+      })
+    }, 5)
+  }, [isMapTilted])
+
   useEffect((): void => {
     if (!map) return
 
     utils.flyHome(map, nuclearClear, offset)
   }, [shouldFlyHome])
 
+  // Auto-zoom to initial extent on Census language change
+  useEffect((): void => {
+    // Don't zoom on clearing Census dropdown, aka no language field selected
+    if (!map || !autoZoomCensus || !censusActiveField) return
+
+    utils.flyHome(map, nuclearClear, offset)
+  }, [censusActiveField])
+
   // Filter lang feats in map on length change or symbology change
   useEffect((): void => {
     if (!map || !mapLoaded || !filterHasRun) return
@@ -111,7 +145,11 @@ export const Map: FC<Types.MapProps> = (props) => {
 
     nuclearClear()
 
-    const settings = utils.getFlyToPointSettings(selFeatAttribs, offset)
+    const settings = utils.getFlyToPointSettings(
+      selFeatAttribs,
+      offset,
+      isMapTilted
+    )
 
     utils.flyToPoint(map, settings, null)
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -177,7 +215,11 @@ export const Map: FC<Types.MapProps> = (props) => {
     )
 
     if (selFeatAttribs) {
-      const settings = utils.getFlyToPointSettings(selFeatAttribs, offset)
+      const settings = utils.getFlyToPointSettings(
+        selFeatAttribs,
+        offset,
+        isMapTilted
+      )
 
       utils.flyToPoint(mapObj, settings, null)
     } else {
@@ -226,16 +268,7 @@ export const Map: FC<Types.MapProps> = (props) => {
     if (actionID === 'home') {
       utils.flyHome(map, nuclearClear, offset)
     } else if (actionID === 'reset-pitch') {
-      setViewport({ ...viewport, pitch: 0 })
-
-      // Pitch reset in 50/50 page layout on smaller screens needs extra love:
-      if (panelOpen && breakpoint === 'mobile') {
-        setTimeout(() => {
-          map.panBy([0, 2 * offset[1] + 50], undefined, {
-            forceViewportUpdate: true,
-          })
-        }, 5)
-      }
+      setIsMapTilted(!isMapTilted)
     } else if (actionID === 'in') {
       map.zoomIn({ offset }, { forceViewportUpdate: true })
     } else if (actionID === 'out') {
@@ -314,7 +347,7 @@ export const Map: FC<Types.MapProps> = (props) => {
         )}
       </MapGL>
       <MapCtrlBtns
-        isPitchZero={viewport.pitch === 0}
+        isMapTilted={isMapTilted}
         onMapCtrlClick={(actionID: Types.MapControlAction) => {
           onMapCtrlClick(actionID)
         }}
diff --git a/src/components/map/MapCtrlBtns.tsx b/src/components/map/MapCtrlBtns.tsx
index 89bafea8..881e8274 100644
--- a/src/components/map/MapCtrlBtns.tsx
+++ b/src/components/map/MapCtrlBtns.tsx
@@ -2,7 +2,6 @@ import React, { FC } from 'react'
 import { makeStyles, createStyles, Theme } from '@material-ui/core/styles'
 import { SpeedDial, SpeedDialAction } from '@material-ui/lab'
 import { MdYoutubeSearchedFor } from 'react-icons/md'
-import { TiCompass } from 'react-icons/ti'
 import { FaSearchPlus, FaSearchMinus } from 'react-icons/fa'
 
 import 'react-map-gl-geocoder/dist/mapbox-gl-geocoder.css'
@@ -11,7 +10,7 @@ import { MapCtrlBtnsProps, CtrlBtnConfig } from './types'
 
 const useStyles = makeStyles((theme: Theme) =>
   createStyles({
-    mapCtrlsRoot: {
+    root: {
       position: 'fixed',
       top: -8,
       right: 6,
@@ -59,44 +58,42 @@ const ctrlBtnsConfig = [
   },
   {
     id: 'reset-pitch',
-    icon: <TiCompass />,
-    name: 'Reset pitch',
-    disabledOnProp: 'isPitchZero',
+    icon: <b>3D</b>,
+    name: 'Toggle 2D/3D',
   },
 ] as CtrlBtnConfig[]
 
 export const MapCtrlBtns: FC<MapCtrlBtnsProps> = (props) => {
-  const { onMapCtrlClick } = props
+  const { onMapCtrlClick, isMapTilted } = props
   const classes = useStyles()
 
   return (
-    <>
-      <SpeedDial
-        ariaLabel="Map control buttons"
-        className={classes.mapCtrlsRoot}
-        hidden
-        open
-        direction="down"
-      >
-        {ctrlBtnsConfig.map((action) => (
+    <SpeedDial
+      ariaLabel="Map control buttons"
+      className={classes.root}
+      hidden
+      open
+      direction="down"
+    >
+      {ctrlBtnsConfig.map((action) => {
+        let { icon } = action
+
+        if (action.id === 'reset-pitch') icon = isMapTilted ? <b>2D</b> : icon
+
+        return (
           <SpeedDialAction
             className={classes.speedDialAction}
             key={action.name}
-            icon={action.icon}
+            icon={icon}
             tooltipTitle={action.name}
-            FabProps={{
-              size: 'small',
-              disabled:
-                action.disabledOnProp !== undefined &&
-                props[action.disabledOnProp] === true,
-            }}
+            FabProps={{ size: 'small' }}
             onClick={(e) => {
               e.stopPropagation() // prevent closing the menu
               onMapCtrlClick(action.id)
             }}
           />
-        ))}
-      </SpeedDial>
-    </>
+        )
+      })}
+    </SpeedDial>
   )
 }
diff --git a/src/components/map/hooks.tsx b/src/components/map/hooks.tsx
index 25f89480..ecb8bbea 100644
--- a/src/components/map/hooks.tsx
+++ b/src/components/map/hooks.tsx
@@ -203,6 +203,7 @@ export const useBoundaryPopup: Types.UseBoundaryPopup = (
 // Fly to extent of lang features on length change
 export const useZoomToLangFeatsExtent: Types.UseZoomToLangFeatsExtent = (
   panelOpen,
+  isMapTilted,
   map
 ) => {
   const { state } = useContext(GlobalContext)
@@ -235,7 +236,7 @@ export const useZoomToLangFeatsExtent: Types.UseZoomToLangFeatsExtent = (
           latitude: firstCoords[1],
           longitude: firstCoords[0],
           zoom: POINT_ZOOM_LEVEL,
-          pitch: 80,
+          pitch: isMapTilted ? 80 : 0,
           offset,
         },
         null
diff --git a/src/components/map/styles.tsx b/src/components/map/styles.tsx
index 70be7307..1b527db2 100644
--- a/src/components/map/styles.tsx
+++ b/src/components/map/styles.tsx
@@ -58,7 +58,7 @@ export const useStyles = makeStyles((theme: Theme) =>
 export const useLocalPanelStyles = makeStyles((theme: Theme) =>
   createStyles({
     root: {
-      marginBottom: '1.25rem',
+      marginBottom: '1rem',
       '& .mapboxgl-ctrl-geocoder': {
         maxWidth: '100%',
         width: 'auto',
diff --git a/src/components/map/types.ts b/src/components/map/types.ts
index 25253c6a..31951852 100644
--- a/src/components/map/types.ts
+++ b/src/components/map/types.ts
@@ -138,7 +138,7 @@ export type MapProps = {
 } & LocalPanelProps
 
 export type MapCtrlBtnsProps = {
-  isPitchZero: boolean
+  isMapTilted: boolean
   onMapCtrlClick: (actionID: MapControlAction) => void
 }
 
@@ -152,7 +152,6 @@ export type CtrlBtnConfig = {
   icon: React.ReactNode
   name: string
   customFn?: boolean
-  disabledOnProp?: keyof MapCtrlBtnsProps
 }
 
 export type BoundsConfig = {
@@ -262,6 +261,7 @@ export type UseBoundaryPopup = (
 
 export type UseZoomToLangFeatsExtent = (
   panelOpen: boolean,
+  isMapTilted: boolean,
   map?: Map
 ) => boolean
 
diff --git a/src/components/map/utils.ts b/src/components/map/utils.ts
index b4c1244d..a5986d23 100644
--- a/src/components/map/utils.ts
+++ b/src/components/map/utils.ts
@@ -263,14 +263,15 @@ export const flyHome = (
 
 export const getFlyToPointSettings = (
   selFeatAttribs: Types.SelFeatAttribs,
-  offset: Types.Offset
+  offset: Types.Offset,
+  isMapTilted: boolean
 ): Types.FlyToPointSettings => ({
   // bearing: 80, // TODO: consider it as it does add a new element of fancy
   longitude: selFeatAttribs.Longitude,
   latitude: selFeatAttribs.Latitude,
   zoom: config.POINT_ZOOM_LEVEL,
   disregardCurrZoom: true,
-  pitch: 80,
+  pitch: isMapTilted ? 80 : 0,
   offset,
 })
 
diff --git a/src/components/results/Cells.tsx b/src/components/results/Cells.tsx
index 111212a4..b302ac23 100644
--- a/src/components/results/Cells.tsx
+++ b/src/components/results/Cells.tsx
@@ -10,7 +10,7 @@ import { GoCircleSlash } from 'react-icons/go'
 
 import { LegendSwatch } from 'components/legend'
 import { InstanceLevelSchema } from 'components/context/types'
-import { CellProps } from './types'
+import { CellProps, MediaColumnCellProps } from './types'
 
 const useStyles = makeStyles((theme: Theme) =>
   createStyles({
@@ -20,14 +20,13 @@ const useStyles = makeStyles((theme: Theme) =>
   })
 )
 
-export const VideoColumnCell: FC<CellProps> = (props) => {
+export const MediaColumnCell: FC<MediaColumnCellProps> = (props) => {
   const classes = useStyles()
-  const { data } = props
-  const { Video: video } = data
+  const { data, columnName } = props
 
   return (
     <div className={classes.disabled} style={{ paddingLeft: 16 }}>
-      {video ? <MdCheck /> : <GoCircleSlash />}
+      {data[columnName] ? <MdCheck /> : <GoCircleSlash />}
     </div>
   )
 }
diff --git a/src/components/results/VideoColumnFilter.tsx b/src/components/results/MediaColumnFilter.tsx
similarity index 87%
rename from src/components/results/VideoColumnFilter.tsx
rename to src/components/results/MediaColumnFilter.tsx
index 2c8a325f..5fcb04ff 100644
--- a/src/components/results/VideoColumnFilter.tsx
+++ b/src/components/results/MediaColumnFilter.tsx
@@ -17,10 +17,10 @@ const useStyles = makeStyles((theme: Theme) =>
 
 // CRED: (partial anyway):
 // https://github.com/mbrn/material-table/issues/671#issuecomment-651743451
-export const VideoColumnFilter: FC<Types.FilterComponentProps> = (props) => {
+export const MediaColumnFilter: FC<Types.FilterComponentProps> = (props) => {
   const classes = useStyles()
   const { columnDef, onFilterChanged } = props
-  const { tableData } = columnDef
+  const { tableData, field } = columnDef
   const { filterValue } = tableData
   const checked = filterValue === CHECK_STRING
 
@@ -36,7 +36,7 @@ export const VideoColumnFilter: FC<Types.FilterComponentProps> = (props) => {
         <Checkbox
           checked={checked}
           onChange={handleChange}
-          name="set-video-filter"
+          name={`set-${field?.replaceAll(' ', '-')}-filter`}
           size="small"
         />
       }
diff --git a/src/components/results/ResultsModal.tsx b/src/components/results/ResultsModal.tsx
index 3089446e..cb0246ce 100644
--- a/src/components/results/ResultsModal.tsx
+++ b/src/components/results/ResultsModal.tsx
@@ -14,6 +14,7 @@ import { whittleLangFeats } from './utils'
 // CRED: https://stackoverflow.com/a/51808262/1048518
 const fields: Array<Extract<keyof InstanceLevelSchema, string>> = [
   'Additional Neighborhoods',
+  'Audio',
   'countryImg',
   'Country',
   'Description',
diff --git a/src/components/results/config.tsx b/src/components/results/config.tsx
index 0d84699d..26a32a76 100644
--- a/src/components/results/config.tsx
+++ b/src/components/results/config.tsx
@@ -22,7 +22,7 @@ import * as Types from './types'
 import * as utils from './utils'
 import * as Cells from './Cells'
 
-import { VideoColumnFilter } from './VideoColumnFilter'
+import { MediaColumnFilter } from './MediaColumnFilter'
 import { LocalColumnTitle } from './LocalColumnTitle'
 
 const COMM_STATUS_LOOKUP = {
@@ -278,9 +278,20 @@ export const columns = [
     field: 'Video',
     ...commonColProps,
     export: false,
-    filterComponent: VideoColumnFilter,
+    filterComponent: MediaColumnFilter,
     headerStyle: { whiteSpace: 'nowrap' },
-    render: (data) => <Cells.VideoColumnCell data={data} />,
+    render: (data) => <Cells.MediaColumnCell data={data} columnName="Video" />,
+    searchable: false,
+    disableClick: true,
+  },
+  {
+    title: 'Audio',
+    field: 'Audio',
+    ...commonColProps,
+    export: false,
+    filterComponent: MediaColumnFilter,
+    headerStyle: { whiteSpace: 'nowrap' },
+    render: (data) => <Cells.MediaColumnCell data={data} columnName="Audio" />,
     searchable: false,
     disableClick: true,
   },
diff --git a/src/components/results/types.ts b/src/components/results/types.ts
index 0c238eea..b2639c82 100644
--- a/src/components/results/types.ts
+++ b/src/components/results/types.ts
@@ -92,4 +92,10 @@ export type RecordDescriptionProps = {
   descriptionID: string
 }
 
-export type CellProps = { data: InstanceLevelSchema }
+export type CellProps = {
+  data: InstanceLevelSchema
+}
+
+export type MediaColumnCellProps = CellProps & {
+  columnName: keyof InstanceLevelSchema
+}