diff --git a/tgui/packages/tgui/interfaces/OreSilo.tsx b/tgui/packages/tgui/interfaces/OreSilo.tsx
index 32f4988a98a..696ecdf18d4 100644
--- a/tgui/packages/tgui/interfaces/OreSilo.tsx
+++ b/tgui/packages/tgui/interfaces/OreSilo.tsx
@@ -210,13 +210,13 @@ const LogsList = (props: LogsListProps) => {
   const { logs } = props;
 
   return logs.length > 0 ? (
-    <Box pr={1} height="100%" overflowY="scroll">
+    <Section fill scrollable pr={1} height="100%">
       <VirtualList>
         {logs.map((log, index) => (
           <LogEntry key={index} log={log} />
         ))}
       </VirtualList>
-    </Box>
+    </Section>
   ) : (
     <NoticeBox>No log entries currently present!</NoticeBox>
   );
diff --git a/tgui/packages/tgui/interfaces/PersonalCrafting.tsx b/tgui/packages/tgui/interfaces/PersonalCrafting.tsx
index 3710a89855b..104c2b0d04f 100644
--- a/tgui/packages/tgui/interfaces/PersonalCrafting.tsx
+++ b/tgui/packages/tgui/interfaces/PersonalCrafting.tsx
@@ -264,6 +264,7 @@ export const PersonalCrafting = (props) => {
                 <Stack.Item>
                   <Input
                     autoFocus
+                    expensive
                     placeholder={
                       'Search in ' +
                       data.recipes.length +
@@ -330,8 +331,8 @@ export const PersonalCrafting = (props) => {
                     </Tabs.Tab>
                   </Tabs>
                 </Stack.Item>
-                <Stack.Item grow m={-1}>
-                  <Box height={'100%'} p={1} style={{ overflowY: 'auto' }}>
+                <Stack.Item grow m={-1} style={{ overflowY: 'auto' }}>
+                  <Box height={'100%'} p={1}>
                     <Tabs vertical>
                       {tabMode === TABS.foodtype &&
                         mode === MODE.cooking &&
diff --git a/tgui/packages/tgui/interfaces/TelecommsMonitor.tsx b/tgui/packages/tgui/interfaces/TelecommsMonitor.tsx
index 33329333e02..a4904017694 100644
--- a/tgui/packages/tgui/interfaces/TelecommsMonitor.tsx
+++ b/tgui/packages/tgui/interfaces/TelecommsMonitor.tsx
@@ -161,6 +161,7 @@ const MachineList = (props: MachineListProps) => {
 
   return (
     <Section
+      scrollable
       fill
       title={title}
       buttons={
@@ -179,7 +180,7 @@ const MachineList = (props: MachineListProps) => {
       {sortedMachines.length > 0 ? (
         <Stack fill vertical>
           <Stack.Item grow>
-            <Stack fill vertical overflowY="scroll">
+            <Stack fill vertical>
               {sortedMachines.map((machine, index) => (
                 <Stack.Item key={index}>
                   <Button
diff --git a/tgui/packages/tgui/interfaces/Uplink/GenericUplink.tsx b/tgui/packages/tgui/interfaces/Uplink/GenericUplink.tsx
index 28295cec8cb..4165c1049f3 100644
--- a/tgui/packages/tgui/interfaces/Uplink/GenericUplink.tsx
+++ b/tgui/packages/tgui/interfaces/Uplink/GenericUplink.tsx
@@ -46,7 +46,7 @@ export const GenericUplink = (props: GenericUplinkProps) => {
         <Stack vertical fill>
           <Stack.Item>
             <Stack>
-              <Stack.Item grow={1}>
+              <Stack.Item grow>
                 <Button
                   bold
                   fluid
@@ -83,7 +83,7 @@ export const GenericUplink = (props: GenericUplinkProps) => {
               fluid
             />
           </Stack.Item>
-          <Stack.Item grow={1}>
+          <Stack.Item grow>
             <Tabs vertical fill>
               {categories.map((category) => (
                 <Tabs.Tab
@@ -104,20 +104,21 @@ export const GenericUplink = (props: GenericUplinkProps) => {
           </Stack.Item>
         </Stack>
       </Stack.Item>
-      <Stack.Item grow={1}>
-        <Box height="100%" pr={1} mr={-1} style={{ overflowY: 'auto' }}>
-          {items.length === 0 && (
+      <Stack.Item grow>
+        <Box height="100%" pr={1} mr={-1}>
+          {items.length === 0 ? (
             <NoticeBox>
               {searchText.length === 0
                 ? 'No items in this category.'
                 : 'No results found.'}
             </NoticeBox>
+          ) : (
+            <ItemList
+              compactMode={searchText.length > 0 || compactMode}
+              items={items}
+              handleBuy={handleBuy}
+            />
           )}
-          <ItemList
-            compactMode={searchText.length > 0 || compactMode}
-            items={items}
-            handleBuy={handleBuy}
-          />
         </Box>
       </Stack.Item>
     </Stack>
@@ -148,85 +149,87 @@ const ItemList = (props: ItemListProps) => {
     <Icon m={compactMode ? '10px' : '26px'} name="spinner" spin />
   );
   return (
-    <Stack vertical mt={compactMode ? -0.5 : -1}>
-      {items.map((item, index) => (
-        <Stack.Item key={index} mt={compactMode ? 0.5 : 1}>
-          <Section key={item.name} fitted={compactMode ? true : false}>
-            <Stack>
-              <Stack.Item>
-                <Box
-                  width={compactMode ? '32px' : '64px'}
-                  height={compactMode ? '32px' : '64px'}
-                  position="relative"
-                  m={compactMode ? '2px' : 0}
-                  mr={1}
-                >
-                  <DmIcon
-                    position="absolute"
-                    bottom="0"
-                    fallback={fallback}
-                    icon={item.icon}
-                    icon_state={item.icon_state}
+    <Section fill scrollable>
+      <Stack vertical mt={compactMode ? -0.5 : -1}>
+        {items.map((item, index) => (
+          <Stack.Item key={index} mt={compactMode ? 0.5 : 1}>
+            <Section key={item.name} fitted={compactMode ? true : false}>
+              <Stack>
+                <Stack.Item>
+                  <Box
                     width={compactMode ? '32px' : '64px'}
-                  />
-                </Box>
-              </Stack.Item>
-              <Stack.Item grow={1}>
-                {compactMode ? (
-                  <Stack>
-                    <Stack.Item
-                      bold
-                      grow={1}
-                      lineHeight="36px"
-                      style={{
-                        overflow: 'hidden',
-                        whiteSpace: 'nowrap',
-                        textOverflow: 'ellipsis',
-                      }}
-                    >
-                      {item.name}
-                    </Stack.Item>
-                    <Stack.Item>
-                      <Tooltip content={item.desc}>
-                        <Icon name="info-circle" lineHeight="36px" />
-                      </Tooltip>
-                    </Stack.Item>
-                    <Stack.Item>
-                      <Button
-                        m="8px"
-                        disabled={item.disabled}
-                        onClick={(e) => handleBuy(item)}
-                      >
-                        {item.cost}
-                      </Button>
-                    </Stack.Item>
-                  </Stack>
-                ) : (
-                  <Section
-                    title={item.name}
-                    buttons={
-                      <Button
-                        disabled={item.disabled}
-                        onClick={(e) => handleBuy(item)}
-                      >
-                        {item.cost}
-                      </Button>
-                    }
+                    height={compactMode ? '32px' : '64px'}
+                    position="relative"
+                    m={compactMode ? '2px' : 0}
+                    mr={1}
                   >
-                    <Box
-                      style={{
-                        opacity: '0.75',
-                      }}
+                    <DmIcon
+                      position="absolute"
+                      bottom="0"
+                      fallback={fallback}
+                      icon={item.icon}
+                      icon_state={item.icon_state}
+                      width={compactMode ? '32px' : '64px'}
+                    />
+                  </Box>
+                </Stack.Item>
+                <Stack.Item grow>
+                  {compactMode ? (
+                    <Stack>
+                      <Stack.Item
+                        bold
+                        grow
+                        lineHeight="36px"
+                        style={{
+                          overflow: 'hidden',
+                          whiteSpace: 'nowrap',
+                          textOverflow: 'ellipsis',
+                        }}
+                      >
+                        {item.name}
+                      </Stack.Item>
+                      <Stack.Item>
+                        <Tooltip content={item.desc}>
+                          <Icon name="info-circle" lineHeight="36px" />
+                        </Tooltip>
+                      </Stack.Item>
+                      <Stack.Item>
+                        <Button
+                          m="8px"
+                          disabled={item.disabled}
+                          onClick={(e) => handleBuy(item)}
+                        >
+                          {item.cost}
+                        </Button>
+                      </Stack.Item>
+                    </Stack>
+                  ) : (
+                    <Section
+                      title={item.name}
+                      buttons={
+                        <Button
+                          disabled={item.disabled}
+                          onClick={(e) => handleBuy(item)}
+                        >
+                          {item.cost}
+                        </Button>
+                      }
                     >
-                      {item.desc}
-                    </Box>
-                  </Section>
-                )}
-              </Stack.Item>
-            </Stack>
-          </Section>
-        </Stack.Item>
-      ))}
-    </Stack>
+                      <Box
+                        style={{
+                          opacity: '0.75',
+                        }}
+                      >
+                        {item.desc}
+                      </Box>
+                    </Section>
+                  )}
+                </Stack.Item>
+              </Stack>
+            </Section>
+          </Stack.Item>
+        ))}
+      </Stack>
+    </Section>
   );
 };