diff --git a/client/src/App.js b/client/src/App.js
index 72259bc..3e7dd92 100644
--- a/client/src/App.js
+++ b/client/src/App.js
@@ -1221,12 +1221,12 @@ function BedroomLux({end, duration}) {
 }
 
 
-function DumbCaneSoil({end, duration}) {
-	const [data, loading, tickFormatter] = useSensor('soil', 'Dumb Cane', end, duration);
+function SoilMoisture({name, sensorName, sensorId, end, duration}) {
+	const [data, loading, tickFormatter] = useSensor(sensorId, sensorName, end, duration);
 
 	return (
 		<ChartContainer
-			name='Dumb Cane Soil Moisture'
+			name={name}
 			data={data}
 			lastFormatter={(x) => x.soil?.toFixed(1)}
 			loading={loading}
@@ -1295,7 +1295,7 @@ function Graphs({end, duration}) {
 			<LivingRoomLux end={end} duration={duration} />
 			<KitchenLux end={end} duration={duration} />
 			<BedroomLux end={end} duration={duration} />
-			<DumbCaneSoil end={end} duration={duration} />
+			<SoilMoisture name="Dumb Cane Soil Moisture" sensorName="Dumb Cane" sensorId="soil1" end={end} duration={duration} />
 
 			{!!api_key ||
 				<div>