diff --git a/code/modules/mining/mint.dm b/code/modules/mining/mint.dm
index a64f98acd90..63b1935cfee 100644
--- a/code/modules/mining/mint.dm
+++ b/code/modules/mining/mint.dm
@@ -87,19 +87,18 @@
 
 /obj/machinery/mineral/mint/ui_data()
 	var/list/data = list()
-	var/datum/component/material_container/materials = GetComponent(/datum/component/material_container)
+	data["inserted_materials"] = list()
+	data["chosen_material"] = null
 
+	var/datum/component/material_container/materials = GetComponent(/datum/component/material_container)
 	for(var/datum/material/inserted_material in materials.materials)
 		var/amount = materials.get_material_amount(inserted_material)
-
 		if(!amount)
 			continue
-
 		data["inserted_materials"] += list(list(
 			"material" = inserted_material.name,
-			"amount" = amount
+			"amount" = amount,
 		))
-
 		if(chosen == inserted_material)
 			data["chosen_material"] = inserted_material.name
 
@@ -109,25 +108,25 @@
 	return data;
 
 /obj/machinery/mineral/mint/ui_act(action, params, datum/tgui/ui)
-
 	. = ..()
 	if(.)
 		return
-
-	switch(action)
-		if ("startpress")
-			if (!processing)
-				produced_coins = 0
-			processing = TRUE
-			begin_processing()
-		if ("stoppress")
-			processing = FALSE
-			end_processing()
-		if ("changematerial")
-			var/datum/component/material_container/materials = GetComponent(/datum/component/material_container)
-			for(var/datum/material/mat in materials.materials)
-				if (params["material_name"] == mat.name)
-					chosen = mat
+	if(action == "startpress")
+		if (!processing)
+			produced_coins = 0
+		processing = TRUE
+		begin_processing()
+		return TRUE
+	if (action == "stoppress")
+		processing = FALSE
+		end_processing()
+		return TRUE
+	if (action == "changematerial")
+		var/datum/component/material_container/materials = GetComponent(/datum/component/material_container)
+		for(var/datum/material/mat in materials.materials)
+			if (params["material_name"] == mat.name)
+				chosen = mat
+		return TRUE
 
 /obj/machinery/mineral/mint/proc/create_coins()
 	var/turf/T = get_step(src,output_dir)
diff --git a/tgui/packages/tgui/interfaces/AirAlarm.js b/tgui/packages/tgui/interfaces/AirAlarm.js
index c451c81166a..5d5755ba067 100644
--- a/tgui/packages/tgui/interfaces/AirAlarm.js
+++ b/tgui/packages/tgui/interfaces/AirAlarm.js
@@ -13,10 +13,7 @@ export const AirAlarm = (props, context) => {
   return (
     <Window resizable>
       <Window.Content scrollable>
-        <InterfaceLockNoticeBox
-          siliconUser={data.siliconUser}
-          locked={data.locked}
-          onLockStatusChange={() => act('lock')} />
+        <InterfaceLockNoticeBox />
         <AirAlarmStatus />
         {!locked && (
           <AirAlarmControl />
diff --git a/tgui/packages/tgui/interfaces/Apc.js b/tgui/packages/tgui/interfaces/Apc.js
index 0c5df54f2b0..72cee0bf83e 100644
--- a/tgui/packages/tgui/interfaces/Apc.js
+++ b/tgui/packages/tgui/interfaces/Apc.js
@@ -85,10 +85,7 @@ const ApcContent = (props, context) => {
 
   return (
     <Fragment>
-      <InterfaceLockNoticeBox
-        siliconUser={data.siliconUser}
-        locked={data.locked}
-        onLockStatusChange={() => act('lock')} />
+      <InterfaceLockNoticeBox />
       <Section title="Power Status">
         <LabeledList>
           <LabeledList.Item
diff --git a/tgui/packages/tgui/interfaces/CargoExpress.js b/tgui/packages/tgui/interfaces/CargoExpress.js
index 35964c27448..d020a0ce2ee 100644
--- a/tgui/packages/tgui/interfaces/CargoExpress.js
+++ b/tgui/packages/tgui/interfaces/CargoExpress.js
@@ -11,9 +11,6 @@ export const CargoExpress = (props, context) => {
     <Window resizable>
       <Window.Content scrollable>
         <InterfaceLockNoticeBox
-          siliconUser={data.siliconUser}
-          locked={data.locked}
-          onLockStatusChange={() => act('lock')}
           accessText="a QM-level ID card" />
         {!data.locked && (
           <CargoExpressContent />
diff --git a/tgui/packages/tgui/interfaces/MechBayPowerConsole.js b/tgui/packages/tgui/interfaces/MechBayPowerConsole.js
index 11c4d2ec110..bed15d261e0 100644
--- a/tgui/packages/tgui/interfaces/MechBayPowerConsole.js
+++ b/tgui/packages/tgui/interfaces/MechBayPowerConsole.js
@@ -1,58 +1,73 @@
 import { useBackend } from '../backend';
 import { AnimatedNumber, Button, LabeledList, NoticeBox, ProgressBar, Section } from '../components';
+import { Window } from '../layouts';
 
-export const MechBayPowerConsole = props => {
-  const { act, data } = useBackend(props);
+export const MechBayPowerConsole = (props, context) => {
+  const { act, data } = useBackend(context);
   const { recharge_port } = data;
   const mech = recharge_port && recharge_port.mech;
   const cell = mech && mech.cell;
   return (
-    <Section
-      title="Mech status"
-      textAlign="center"
-      buttons={(
-        <Button
-          icon="sync"
-          content="Sync"
-          onClick={() => act('reconnect')} />
-      )}>
-      <LabeledList>
-        <LabeledList.Item label="Integrity">
-          {!recharge_port && (
-            <NoticeBox>No power port detected. Please re-sync.</NoticeBox>
-          ) || !mech && (
-            <NoticeBox>No mech detected.</NoticeBox>
-          ) || (
-            <ProgressBar
-              value={mech.health / mech.maxhealth}
-              ranges={{
-                good: [0.7, Infinity],
-                average: [0.3, 0.7],
-                bad: [-Infinity, 0.3],
-              }} />
-          )}
-        </LabeledList.Item>
-        <LabeledList.Item label="Power">
-          {!recharge_port && (
-            <NoticeBox>No power port detected. Please re-sync.</NoticeBox>
-          ) || !mech && (
-            <NoticeBox>No mech detected.</NoticeBox>
-          ) || !cell && (
-            <NoticeBox>No cell is installed.</NoticeBox>
-          ) || (
-            <ProgressBar
-              value={cell.charge / cell.maxcharge}
-              ranges={{
-                good: [0.7, Infinity],
-                average: [0.3, 0.7],
-                bad: [-Infinity, 0.3],
-              }}>
-              <AnimatedNumber value={cell.charge} />
-              {' / ' + cell.maxcharge}
-            </ProgressBar>
-          )}
-        </LabeledList.Item>
-      </LabeledList>
-    </Section>
+    <Window>
+      <Window.Content>
+        <Section
+          title="Mech status"
+          textAlign="center"
+          buttons={(
+            <Button
+              icon="sync"
+              content="Sync"
+              onClick={() => act('reconnect')} />
+          )}>
+          <LabeledList>
+            <LabeledList.Item label="Integrity">
+              {!recharge_port && (
+                <NoticeBox>
+                  No power port detected. Please re-sync.
+                </NoticeBox>
+              ) || !mech && (
+                <NoticeBox>
+                  No mech detected.
+                </NoticeBox>
+              ) || (
+                <ProgressBar
+                  value={mech.health / mech.maxhealth}
+                  ranges={{
+                    good: [0.7, Infinity],
+                    average: [0.3, 0.7],
+                    bad: [-Infinity, 0.3],
+                  }} />
+              )}
+            </LabeledList.Item>
+            <LabeledList.Item label="Power">
+              {!recharge_port && (
+                <NoticeBox>
+                  No power port detected. Please re-sync.
+                </NoticeBox>
+              ) || !mech && (
+                <NoticeBox>
+                  No mech detected.
+                </NoticeBox>
+              ) || !cell && (
+                <NoticeBox>
+                  No cell is installed.
+                </NoticeBox>
+              ) || (
+                <ProgressBar
+                  value={cell.charge / cell.maxcharge}
+                  ranges={{
+                    good: [0.7, Infinity],
+                    average: [0.3, 0.7],
+                    bad: [-Infinity, 0.3],
+                  }}>
+                  <AnimatedNumber value={cell.charge} />
+                  {' / ' + cell.maxcharge}
+                </ProgressBar>
+              )}
+            </LabeledList.Item>
+          </LabeledList>
+        </Section>
+      </Window.Content>
+    </Window>
   );
 };
diff --git a/tgui/packages/tgui/interfaces/MiningVendor.js b/tgui/packages/tgui/interfaces/MiningVendor.js
index f8984aae33a..950deb196ba 100644
--- a/tgui/packages/tgui/interfaces/MiningVendor.js
+++ b/tgui/packages/tgui/interfaces/MiningVendor.js
@@ -1,64 +1,64 @@
-import { Fragment } from 'inferno';
-import { act } from '../byond';
-import { Section, Box, Button, Table } from '../components';
 import { classes } from 'common/react';
+import { useBackend } from '../backend';
+import { Box, Button, Section, Table } from '../components';
+import { Window } from '../layouts';
 
-export const MiningVendor = props => {
-  const { state } = props;
-  const { config, data } = state;
-  const { ref } = config;
+export const MiningVendor = (props, context) => {
+  const { act, data } = useBackend(context);
   let inventory = [
     ...data.product_records,
   ];
   return (
-    <Fragment>
-      <Section title="User">
-        {data.user && (
-          <Box>
-            Welcome, <b>{data.user.name || "Unknown"}</b>,
-            {' '}
-            <b>{data.user.job || "Unemployed"}</b>!
-            <br />
-            Your balance is <b>{data.user.points} mining points</b>.
-          </Box>
-        ) || (
-          <Box color="light-gray">
-            No registered ID card!<br />
-            Please contact your local HoP!
-          </Box>
-        )}
-      </Section>
-      <Section title="Equipment" >
-        <Table>
-          {inventory.map((product => {
-            return (
-              <Table.Row key={product.name}>
-                <Table.Cell>
-                  <span
-                    className={classes(['vending32x32', product.path])}
-                    style={{
-                      'vertical-align': 'middle',
-                      'horizontal-align': 'middle',
-                    }} />
-                  {' '}<b>{product.name}</b>
-                </Table.Cell>
-                <Table.Cell>
-                  <Button
-                    style={{
-                      'min-width': '95px',
-                      'text-align': 'center',
-                    }}
-                    disabled={(!data.user || product.price > data.user.points)}
-                    content={product.price + ' points'}
-                    onClick={() => act(ref, 'purchase', {
-                      'ref': product.ref,
-                    })} />
-                </Table.Cell>
-              </Table.Row>
-            );
-          }))}
-        </Table>
-      </Section>
-    </Fragment>
+    <Window resizable>
+      <Window.Content scrollable>
+        <Section title="User">
+          {data.user && (
+            <Box>
+              Welcome, <b>{data.user.name || "Unknown"}</b>,
+              {' '}
+              <b>{data.user.job || "Unemployed"}</b>!
+              <br />
+              Your balance is <b>{data.user.points} mining points</b>.
+            </Box>
+          ) || (
+            <Box color="light-gray">
+              No registered ID card!<br />
+              Please contact your local HoP!
+            </Box>
+          )}
+        </Section>
+        <Section title="Equipment" >
+          <Table>
+            {inventory.map((product => {
+              return (
+                <Table.Row key={product.name}>
+                  <Table.Cell>
+                    <span
+                      className={classes(['vending32x32', product.path])}
+                      style={{
+                        'vertical-align': 'middle',
+                      }} />
+                    {' '}<b>{product.name}</b>
+                  </Table.Cell>
+                  <Table.Cell>
+                    <Button
+                      style={{
+                        'min-width': '95px',
+                        'text-align': 'center',
+                      }}
+                      disabled={!data.user
+                        || product.price > data.user.points}
+                      content={product.price + ' points'}
+                      onClick={() => act('purchase', {
+                        'ref': product.ref,
+                      })} />
+                  </Table.Cell>
+                </Table.Row>
+              );
+            }))}
+          </Table>
+        </Section>
+      </Window.Content>
+    </Window>
   );
 };
diff --git a/tgui/packages/tgui/interfaces/Mint.js b/tgui/packages/tgui/interfaces/Mint.js
index 6c715bc5da2..8120f25642a 100644
--- a/tgui/packages/tgui/interfaces/Mint.js
+++ b/tgui/packages/tgui/interfaces/Mint.js
@@ -1,47 +1,45 @@
-import { Fragment } from 'inferno';
 import { useBackend } from '../backend';
 import { Button, LabeledList, Section } from '../components';
+import { Window } from '../layouts';
 
-export const Mint = props => {
-  const { act, data } = useBackend(props);
+export const Mint = (props, context) => {
+  const { act, data } = useBackend(context);
   const inserted_materials = data.inserted_materials || [];
   return (
-    <Fragment>
-      <Section
-        title="Materials"
-        buttons={
-          <Button
-            icon={data.processing ? 'times' : 'power-off'}
-            content={data.processing ? 'Stop' : 'Start'}
-            selected={data.processing}
-            onClick={() => act(data.processing
-              ? 'stoppress'
-              : 'startpress')}
-          />
-        }>
-        <LabeledList>
-          {inserted_materials.map(material => (
-            <LabeledList.Item
-              key={material.material}
-              label={material.material}
-              buttons={(
-                <Button
-                  icon={data.chosen_material === material.material
-                    ? 'check-square'
-                    : 'square'}
-                  selected={data.chosen_material === material.material}
-                  onClick={() => act('changematerial', {
-                    material_name: material.material,
-                  })} />
-              )}>
-              {material.amount} cm³
-            </LabeledList.Item>
-          ))}
-        </LabeledList>
-      </Section>
-      <Section>
-        Pressed {data.produced_coins} coins this cycle.
-      </Section>
-    </Fragment>
+    <Window>
+      <Window.Content>
+        <Section
+          title="Materials"
+          buttons={
+            <Button
+              icon={data.processing ? 'times' : 'power-off'}
+              content={data.processing ? 'Stop' : 'Start'}
+              selected={data.processing}
+              onClick={() => act(data.processing
+                ? 'stoppress'
+                : 'startpress')} />
+          }>
+          <LabeledList>
+            {inserted_materials.map(material => (
+              <LabeledList.Item
+                key={material.material}
+                label={material.material}
+                buttons={(
+                  <Button.Checkbox
+                    checked={data.chosen_material === material.material}
+                    onClick={() => act('changematerial', {
+                      material_name: material.material,
+                    })} />
+                )}>
+                {material.amount} cm³
+              </LabeledList.Item>
+            ))}
+          </LabeledList>
+        </Section>
+        <Section>
+          Pressed {data.produced_coins} coins this cycle.
+        </Section>
+      </Window.Content>
+    </Window>
   );
 };
diff --git a/tgui/packages/tgui/interfaces/Mule.js b/tgui/packages/tgui/interfaces/Mule.js
index d4dfddd40e4..b6ae6c1f244 100644
--- a/tgui/packages/tgui/interfaces/Mule.js
+++ b/tgui/packages/tgui/interfaces/Mule.js
@@ -1,15 +1,12 @@
-import { useBackend } from '../backend';
-import { Section, LabeledList, Button, NumberInput, ProgressBar, Grid, Input, Dropdown } from '../components';
 import { Fragment } from 'inferno';
+import { useBackend } from '../backend';
+import { Button, Dropdown, Grid, Input, LabeledList, ProgressBar, Section, Flex } from '../components';
+import { Window } from '../layouts';
 import { InterfaceLockNoticeBox } from './common/InterfaceLockNoticeBox';
 
-export const Mule = props => {
-  const { act, data } = useBackend(props);
-
-  const locked = data.locked && !data.siliconUser;
-
+export const Mule = (props, context) => {
+  const { act, data } = useBackend(context);
   const {
-    siliconUser,
     on,
     cell,
     cellPercent,
@@ -25,123 +22,116 @@ export const Mule = props => {
     id,
     destinations = [],
   } = data;
-
+  const locked = data.locked && !data.siliconUser;
   return (
-    <Fragment>
-      <InterfaceLockNoticeBox
-        siliconUser={siliconUser}
-        locked={locked}
-      />
-      <Section
-        title="Status"
-        minHeight="110px"
-        buttons={!locked && (
-          <Button
-            icon={on ? 'power-off' : 'times'}
-            content={on ? 'On' : 'Off'}
-            selected={on}
-            onClick={() => act('power')}
-          />
-        )} >
-        <ProgressBar
-          value={cell ? (cellPercent / 100) : 0}
-          color={cell ? 'good' : 'bad'}
-        />
-        <Grid mt={1}>
-          <Grid.Column>
-            <LabeledList>
-              <LabeledList.Item label="Mode" color={modeStatus}>
-                {mode}
-              </LabeledList.Item>
-            </LabeledList>
-          </Grid.Column>
-          <Grid.Column>
-            <LabeledList>
-              <LabeledList.Item
-                label="Load"
-                color={load ? 'good' : 'average'}>
-                {load || 'None'}
-              </LabeledList.Item>
-            </LabeledList>
-          </Grid.Column>
-        </Grid>
-      </Section>
-      {!locked && (
+    <Window>
+      <Window.Content>
+        <InterfaceLockNoticeBox />
         <Section
-          title="Controls"
-          buttons={(
-            <Fragment>
-              {!!load && (
-                <Button
-                  icon="eject"
-                  content="Unload"
-                  onClick={() => act('unload')} />
-              )}
-              {!!haspai && (
-                <Button
-                  icon="eject"
-                  content="Eject PAI"
-                  onClick={() => act('ejectpai')} />
-              )}
-            </Fragment>
+          title="Status"
+          minHeight="110px"
+          buttons={!locked && (
+            <Button
+              icon={on ? 'power-off' : 'times'}
+              content={on ? 'On' : 'Off'}
+              selected={on}
+              onClick={() => act('power')} />
           )}>
-          <LabeledList>
-            <LabeledList.Item label="ID">
-              <Input
-                value={id}
-                onChange={(e, value) => act('setid', { value: value })}
-              />
-            </LabeledList.Item>
-            <LabeledList.Item label="Destination">
-              <Dropdown
-                over
-                selected={destination || 'None'}
-                options={destinations}
-                width="150px"
-                onSelected={val => act('destination', { value: val })}
-              />
-              <Button
-                icon="stop"
-                content="Stop"
-                onClick={() => act('stop')} />
-              <Button
-                icon="play"
-                content="Go"
-                onClick={() => act('go')} />
-            </LabeledList.Item>
-            <LabeledList.Item label="Home">
-              <Dropdown
-                over
-                selected={home}
-                options={destinations}
-                width="150px"
-                onSelected={val => act('destination', { value: val })} />
-              <Button
-                icon="home"
-                content="Go Home"
-                onClick={() => act('home')} />
-            </LabeledList.Item>
-            <LabeledList.Item label="Settings">
-              <Button.Checkbox
-                checked={autoReturn}
-                content="Auto-Return"
-                onClick={() => act('autored')} />
-              <br />
-              <Button.Checkbox
-                checked={autoPickup}
-                content="Auto-Pickup"
-                onClick={() => act('autopick')}
-              />
-              <br />
-              <Button.Checkbox
-                checked={reportDelivery}
-                content="Report Delivery"
-                onClick={() => act('report')}
-              />
-            </LabeledList.Item>
-          </LabeledList>
+          <ProgressBar
+            value={cell ? (cellPercent / 100) : 0}
+            color={cell ? 'good' : 'bad'} />
+          <Flex mt={1}>
+            <Flex.Item grow={1} basis={0}>
+              <LabeledList>
+                <LabeledList.Item label="Mode" color={modeStatus}>
+                  {mode}
+                </LabeledList.Item>
+              </LabeledList>
+            </Flex.Item>
+            <Flex.Item grow={1} basis={0}>
+              <LabeledList>
+                <LabeledList.Item
+                  label="Load"
+                  color={load ? 'good' : 'average'}>
+                  {load || 'None'}
+                </LabeledList.Item>
+              </LabeledList>
+            </Flex.Item>
+          </Flex>
         </Section>
-      )}
-    </Fragment>
+        {!locked && (
+          <Section
+            title="Controls"
+            buttons={(
+              <Fragment>
+                {!!load && (
+                  <Button
+                    icon="eject"
+                    content="Unload"
+                    onClick={() => act('unload')} />
+                )}
+                {!!haspai && (
+                  <Button
+                    icon="eject"
+                    content="Eject PAI"
+                    onClick={() => act('ejectpai')} />
+                )}
+              </Fragment>
+            )}>
+            <LabeledList>
+              <LabeledList.Item label="ID">
+                <Input
+                  value={id}
+                  onChange={(e, value) => act('setid', { value })} />
+              </LabeledList.Item>
+              <LabeledList.Item label="Destination">
+                <Dropdown
+                  over
+                  selected={destination || 'None'}
+                  options={destinations}
+                  width="150px"
+                  onSelected={value => act('destination', { value })} />
+                <Button
+                  icon="stop"
+                  content="Stop"
+                  onClick={() => act('stop')} />
+                <Button
+                  icon="play"
+                  content="Go"
+                  onClick={() => act('go')} />
+              </LabeledList.Item>
+              <LabeledList.Item label="Home">
+                <Dropdown
+                  over
+                  selected={home}
+                  options={destinations}
+                  width="150px"
+                  onSelected={value => act('destination', { value })} />
+                <Button
+                  icon="home"
+                  content="Go Home"
+                  onClick={() => act('home')} />
+              </LabeledList.Item>
+              <LabeledList.Item label="Settings">
+                <Button.Checkbox
+                  checked={autoReturn}
+                  content="Auto-Return"
+                  onClick={() => act('autored')} />
+                <br />
+                <Button.Checkbox
+                  checked={autoPickup}
+                  content="Auto-Pickup"
+                  onClick={() => act('autopick')} />
+                <br />
+                <Button.Checkbox
+                  checked={reportDelivery}
+                  content="Report Delivery"
+                  onClick={() => act('report')} />
+              </LabeledList.Item>
+            </LabeledList>
+          </Section>
+        )}
+      </Window.Content>
+    </Window>
   );
 };
diff --git a/tgui/packages/tgui/interfaces/ScannerGate.js b/tgui/packages/tgui/interfaces/ScannerGate.js
index 082d287a5ff..e390284d574 100644
--- a/tgui/packages/tgui/interfaces/ScannerGate.js
+++ b/tgui/packages/tgui/interfaces/ScannerGate.js
@@ -74,7 +74,6 @@ export const ScannerGate = (props, context) => {
     <Window resizable>
       <Window.Content scrollable>
         <InterfaceLockNoticeBox
-          locked={data.locked}
           onLockedStatusChange={() => act('toggle_lock')} />
         {!data.locked && (
           <ScannerGateControl />
diff --git a/tgui/packages/tgui/interfaces/Vending.js b/tgui/packages/tgui/interfaces/Vending.js
index 5b51af0cda5..0a90e8a7370 100644
--- a/tgui/packages/tgui/interfaces/Vending.js
+++ b/tgui/packages/tgui/interfaces/Vending.js
@@ -60,12 +60,14 @@ const VendingRow = (props, context) => {
       <Table.Cell collapsing textAlign="center">
         {custom && (
           <Button
+            fluid
             content={data.access ? 'FREE' : product.price + ' cr'}
             onClick={() => act('dispense', {
               'item': product.name,
             })} />
         ) || (
           <Button
+            fluid
             disabled={(
               productStock === 0
               || !free && (
diff --git a/tgui/packages/tgui/interfaces/common/InterfaceLockNoticeBox.js b/tgui/packages/tgui/interfaces/common/InterfaceLockNoticeBox.js
index 3022ad367c9..dabc1249671 100644
--- a/tgui/packages/tgui/interfaces/common/InterfaceLockNoticeBox.js
+++ b/tgui/packages/tgui/interfaces/common/InterfaceLockNoticeBox.js
@@ -1,11 +1,27 @@
+import { useBackend } from '../../backend';
 import { Button, Flex, NoticeBox } from '../../components';
 
-export const InterfaceLockNoticeBox = props => {
+/**
+ * This component by expects the following fields to be returned
+ * from ui_data:
+ *
+ * - siliconUser: boolean
+ * - locked: boolean
+ *
+ * And expects the following ui_act action to be implemented:
+ *
+ * - lock - for toggling the lock as a silicon user.
+ *
+ * All props can be redefined if you want custom behavior, but
+ * it's preferred to stick to defaults.
+ */
+export const InterfaceLockNoticeBox = (props, context) => {
+  const { act, data } = useBackend(context);
   const {
-    siliconUser,
-    locked,
-    onLockStatusChange,
-    accessText,
+    siliconUser = data.siliconUser,
+    locked = data.locked,
+    onLockStatusChange = () => act('lock'),
+    accessText = 'an ID card',
   } = props;
   // For silicon users
   if (siliconUser) {
@@ -35,7 +51,7 @@ export const InterfaceLockNoticeBox = props => {
   // For everyone else
   return (
     <NoticeBox>
-      Swipe {accessText || 'an ID card'}{' '}
+      Swipe {accessText}{' '}
       to {locked ? 'unlock' : 'lock'} this interface.
     </NoticeBox>
   );
diff --git a/tgui/packages/tgui/routes.js b/tgui/packages/tgui/routes.js
index df5d789b414..3d9207fcf55 100644
--- a/tgui/packages/tgui/routes.js
+++ b/tgui/packages/tgui/routes.js
@@ -40,22 +40,3 @@ export const getRoutedComponent = state => {
   }
   return Component;
 };
-
-// const ROUTES = {
-//   mech_bay_power_console: {
-//     component: () => MechBayPowerConsole,
-//     scrollable: false,
-//   },
-//   mining_vendor: {
-//     component: () => MiningVendor,
-//     scrollable: true,
-//   },
-//   mint: {
-//     component: () => Mint,
-//     scrollable: false,
-//   },
-//   mulebot: {
-//     component: () => Mule,
-//     scrollable: false,
-//   },
-// };