diff --git a/code/modules/atmospherics/machinery/components/trinary_devices/filter.dm b/code/modules/atmospherics/machinery/components/trinary_devices/filter.dm
index ffab6a885c..11c54409f6 100644
--- a/code/modules/atmospherics/machinery/components/trinary_devices/filter.dm
+++ b/code/modules/atmospherics/machinery/components/trinary_devices/filter.dm
@@ -6,7 +6,6 @@
 	desc = "Very useful for filtering gasses."
 
 	can_unwrench = TRUE
-
 	var/transfer_rate = MAX_TRANSFER_RATE
 	var/filter_type = null
 	var/frequency = 0
diff --git a/tgui/packages/tgui/interfaces/AtmosFilter.js b/tgui/packages/tgui/interfaces/AtmosFilter.js
index 8b382cbad9..64b5c5d56d 100644
--- a/tgui/packages/tgui/interfaces/AtmosFilter.js
+++ b/tgui/packages/tgui/interfaces/AtmosFilter.js
@@ -9,7 +9,7 @@ export const AtmosFilter = (props, context) => {
   return (
     <Window
       width={390}
-      height={187}>
+      height={221}>
       <Window.Content>
         <Section>
           <LabeledList>
@@ -27,7 +27,7 @@ export const AtmosFilter = (props, context) => {
                 width="63px"
                 unit="L/s"
                 minValue={0}
-                maxValue={200}
+                maxValue={data.max_rate}
                 onDrag={(e, value) => act('rate', {
                   rate: value,
                 })} />
diff --git a/tgui/packages/tgui/interfaces/AtmosMixer.js b/tgui/packages/tgui/interfaces/AtmosMixer.js
index 9ac9dbb878..67d8f34186 100644
--- a/tgui/packages/tgui/interfaces/AtmosMixer.js
+++ b/tgui/packages/tgui/interfaces/AtmosMixer.js
@@ -25,7 +25,7 @@ export const AtmosMixer = (props, context) => {
                 unit="kPa"
                 width="75px"
                 minValue={0}
-                maxValue={4500}
+                maxValue={data.max_pressure}
                 step={10}
                 onChange={(e, value) => act('pressure', {
                   pressure: value,
diff --git a/tgui/packages/tgui/interfaces/AtmosPump.js b/tgui/packages/tgui/interfaces/AtmosPump.js
index 3d3a7de10c..a6bd85383e 100644
--- a/tgui/packages/tgui/interfaces/AtmosPump.js
+++ b/tgui/packages/tgui/interfaces/AtmosPump.js
@@ -26,7 +26,7 @@ export const AtmosPump = (props, context) => {
                   width="63px"
                   unit="L/s"
                   minValue={0}
-                  maxValue={200}
+                  maxValue={data.max_rate}
                   onChange={(e, value) => act('rate', {
                     rate: value,
                   })} />
@@ -47,7 +47,7 @@ export const AtmosPump = (props, context) => {
                   unit="kPa"
                   width="75px"
                   minValue={0}
-                  maxValue={4500}
+                  maxValue={data.max_pressure}
                   step={10}
                   onChange={(e, value) => act('pressure', {
                     pressure: value,
diff --git a/tgui/packages/tgui/interfaces/AtmosTempGate.js b/tgui/packages/tgui/interfaces/AtmosTempGate.js
new file mode 100644
index 0000000000..716527dddf
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/AtmosTempGate.js
@@ -0,0 +1,47 @@
+import { useBackend } from '../backend';
+import { Button, LabeledList, NumberInput, Section } from '../components';
+import { Window } from '../layouts';
+
+export const AtmosTempGate = (props, context) => {
+  const { act, data } = useBackend(context);
+  return (
+    <Window
+      width={335}
+      height={115}>
+      <Window.Content>
+        <Section>
+          <LabeledList>
+            <LabeledList.Item label="Power">
+              <Button
+                icon={data.on ? 'power-off' : 'times'}
+                content={data.on ? 'On' : 'Off'}
+                selected={data.on}
+                onClick={() => act('power')} />
+            </LabeledList.Item>
+            <LabeledList.Item label="Heat settings">
+              <NumberInput
+                animated
+                value={parseFloat(data.temperature)}
+                unit="K"
+                width="75px"
+                minValue={data.min_temperature}
+                maxValue={data.max_temperature}
+                step={1}
+                onChange={(e, value) => act('temperature', {
+                  temperature: value,
+                })} />
+              <Button
+                ml={1}
+                icon="plus"
+                content="Max"
+                disabled={data.temperature === data.max_temperature}
+                onClick={() => act('temperature', {
+                  temperature: 'max',
+                })} />
+            </LabeledList.Item>
+          </LabeledList>
+        </Section>
+      </Window.Content>
+    </Window>
+  );
+};
diff --git a/tgui/packages/tgui/interfaces/AtmosTempPump.js b/tgui/packages/tgui/interfaces/AtmosTempPump.js
new file mode 100644
index 0000000000..a90c0c73dc
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/AtmosTempPump.js
@@ -0,0 +1,47 @@
+import { useBackend } from '../backend';
+import { Button, LabeledList, NumberInput, Section } from '../components';
+import { Window } from '../layouts';
+
+export const AtmosTempPump = (props, context) => {
+  const { act, data } = useBackend(context);
+  return (
+    <Window
+      width={335}
+      height={115}>
+      <Window.Content>
+        <Section>
+          <LabeledList>
+            <LabeledList.Item label="Power">
+              <Button
+                icon={data.on ? 'power-off' : 'times'}
+                content={data.on ? 'On' : 'Off'}
+                selected={data.on}
+                onClick={() => act('power')} />
+            </LabeledList.Item>
+            <LabeledList.Item label="Heat transfer rate">
+              <NumberInput
+                animated
+                value={parseFloat(data.rate)}
+                unit="K/s"
+                width="75px"
+                minValue={0}
+                maxValue={data.max_heat_transfer_rate}
+                step={1}
+                onChange={(e, value) => act('rate', {
+                  rate: value,
+                })} />
+              <Button
+                ml={1}
+                icon="plus"
+                content="Max"
+                disabled={data.rate === data.max_heat_transfer_rate}
+                onClick={() => act('rate', {
+                  rate: 'max',
+                })} />
+            </LabeledList.Item>
+          </LabeledList>
+        </Section>
+      </Window.Content>
+    </Window>
+  );
+};