diff --git a/src/components/map/controls/FogSubtractToggle.js b/src/components/map/controls/FogSubtractToggle.js
deleted file mode 100644
index 841ee57..0000000
--- a/src/components/map/controls/FogSubtractToggle.js
+++ /dev/null
@@ -1,19 +0,0 @@
-import React from "react";
-import { IconButton } from "theme-ui";
-
-import FogAddIcon from "../../../icons/FogAddIcon";
-import FogSubtractIcon from "../../../icons/FogSubtractIcon";
-
-function FogSubtractToggle({ useFogSubtract, onFogSubtractChange }) {
- return (
- onFogSubtractChange(!useFogSubtract)}
- >
- {useFogSubtract ? : }
-
- );
-}
-
-export default FogSubtractToggle;
diff --git a/src/components/map/controls/FogToolSettings.js b/src/components/map/controls/FogToolSettings.js
index 616fc5a..0ab7c10 100644
--- a/src/components/map/controls/FogToolSettings.js
+++ b/src/components/map/controls/FogToolSettings.js
@@ -3,12 +3,13 @@ import { Flex } from "theme-ui";
import EdgeSnappingToggle from "./EdgeSnappingToggle";
import RadioIconButton from "./RadioIconButton";
-import FogSubtractToggle from "./FogSubtractToggle";
import FogBrushIcon from "../../../icons/FogBrushIcon";
import FogPolygonIcon from "../../../icons/FogPolygonIcon";
import FogRemoveIcon from "../../../icons/FogRemoveIcon";
import FogToggleIcon from "../../../icons/FogToggleIcon";
+import FogAddIcon from "../../../icons/FogAddIcon";
+import FogSubtractIcon from "../../../icons/FogSubtractIcon";
import UndoButton from "./UndoButton";
import RedoButton from "./RedoButton";
@@ -38,12 +39,20 @@ function BrushToolSettings({
-
- onSettingChange({ useFogSubtract })
- }
- />
+ onSettingChange({ useFogSubtract: false })}
+ isSelected={!settings.useFogSubtract}
+ >
+
+
+ onSettingChange({ useFogSubtract: true })}
+ isSelected={settings.useFogSubtract}
+ >
+
+
{/* TODO: Re-enable edge snapping when holes are fixed */}
{/*