From 48e224672a06f50dbecae1c48c31c6ea94cf7ad4 Mon Sep 17 00:00:00 2001
From: Matthias Mair <code@mjmair.com>
Date: Mon, 15 Apr 2024 20:52:24 +0200
Subject: [PATCH] fix group aligment

---
 src/frontend/src/components/forms/AuthenticationForm.tsx  | 6 +++---
 src/frontend/src/components/items/DashboardItem.tsx       | 2 +-
 src/frontend/src/components/items/InfoItem.tsx            | 2 +-
 .../src/components/modals/AboutInvenTreeModal.tsx         | 4 ++--
 src/frontend/src/components/modals/LicenseModal.tsx       | 2 +-
 src/frontend/src/components/nav/Header.tsx                | 2 +-
 src/frontend/src/components/nav/NavHoverMenu.tsx          | 4 ++--
 src/frontend/src/components/nav/NotificationDrawer.tsx    | 4 ++--
 src/frontend/src/components/nav/PageDetail.tsx            | 2 +-
 src/frontend/src/components/nav/PartCategoryTree.tsx      | 2 +-
 src/frontend/src/components/nav/SearchDrawer.tsx          | 4 ++--
 src/frontend/src/components/nav/StockLocationTree.tsx     | 2 +-
 src/frontend/src/components/render/Instance.tsx           | 2 +-
 src/frontend/src/components/settings/SettingItem.tsx      | 2 +-
 src/frontend/src/pages/Index/Scan.tsx                     | 6 +++---
 .../Index/Settings/AccountSettings/SecurityContent.tsx    | 4 ++--
 .../src/pages/part/pricing/PurchaseHistoryPanel.tsx       | 4 ++--
 src/frontend/src/tables/FilterSelectDrawer.tsx            | 2 +-
 src/frontend/src/tables/InvenTreeTable.tsx                | 2 +-
 src/frontend/src/tables/TableHoverCard.tsx                | 2 +-
 src/frontend/src/tables/build/BuildLineTable.tsx          | 4 ++--
 src/frontend/src/tables/general/AttachmentTable.tsx       | 2 +-
 src/frontend/src/tables/machine/MachineListTable.tsx      | 6 +++---
 src/frontend/src/tables/machine/MachineTypeTable.tsx      | 6 +++---
 src/frontend/src/tables/part/ParametricPartTable.tsx      | 2 +-
 .../src/tables/part/PartCategoryTemplateTable.tsx         | 2 +-
 src/frontend/src/tables/part/PartThumbTable.tsx           | 2 +-
 src/frontend/src/tables/plugin/PluginListTable.tsx        | 2 +-
 .../src/tables/purchasing/SupplierPriceBreakTable.tsx     | 2 +-
 src/frontend/src/tables/settings/ScheduledTasksTable.tsx  | 2 +-
 src/frontend/src/tables/settings/TemplateTable.tsx        | 2 +-
 .../src/tables/stock/StockItemTestResultTable.tsx         | 8 ++++----
 32 files changed, 50 insertions(+), 50 deletions(-)

diff --git a/src/frontend/src/components/forms/AuthenticationForm.tsx b/src/frontend/src/components/forms/AuthenticationForm.tsx
index 74453f3aec..7b1873c231 100644
--- a/src/frontend/src/components/forms/AuthenticationForm.tsx
+++ b/src/frontend/src/components/forms/AuthenticationForm.tsx
@@ -118,7 +118,7 @@ export function AuthenticationForm() {
               {...classicForm.getInputProps('password')}
             />
             {auth_settings?.password_forgotten_enabled === true && (
-              <Group justify="apart" mt="0">
+              <Group justify="space-between" mt="0">
                 <Anchor
                   component="button"
                   type="button"
@@ -143,7 +143,7 @@ export function AuthenticationForm() {
           </Stack>
         )}
 
-        <Group justify="apart" mt="xl">
+        <Group justify="space-between" mt="xl">
           <Anchor
             component="button"
             type="button"
@@ -256,7 +256,7 @@ export function RegistrationForm() {
             />
           </Stack>
 
-          <Group justify="apart" mt="xl">
+          <Group justify="space-between" mt="xl">
             <Button
               type="submit"
               disabled={isRegistering}
diff --git a/src/frontend/src/components/items/DashboardItem.tsx b/src/frontend/src/components/items/DashboardItem.tsx
index 7f45aa6c91..a9fb2a5d3c 100644
--- a/src/frontend/src/components/items/DashboardItem.tsx
+++ b/src/frontend/src/components/items/DashboardItem.tsx
@@ -19,7 +19,7 @@ export function StatisticItem({
   return (
     <Paper withBorder p="xs" key={id} pos="relative">
       <LoadingOverlay visible={isLoading} overlayProps={{ blur: 2 }} />
-      <Group justify="apart">
+      <Group justify="space-between">
         <Text size="xs" color="dimmed" className={classes.dashboardItemTitle}>
           {data.title}
         </Text>
diff --git a/src/frontend/src/components/items/InfoItem.tsx b/src/frontend/src/components/items/InfoItem.tsx
index 94f8388dea..e3c06789e7 100644
--- a/src/frontend/src/components/items/InfoItem.tsx
+++ b/src/frontend/src/components/items/InfoItem.tsx
@@ -43,7 +43,7 @@ export function InfoItem({
   }
 
   return (
-    <Group justify="apart">
+    <Group justify="space-between">
       <Text fz="sm" fw={700}>
         {name}:
       </Text>
diff --git a/src/frontend/src/components/modals/AboutInvenTreeModal.tsx b/src/frontend/src/components/modals/AboutInvenTreeModal.tsx
index 46ac1843ff..aecbcb60ad 100644
--- a/src/frontend/src/components/modals/AboutInvenTreeModal.tsx
+++ b/src/frontend/src/components/modals/AboutInvenTreeModal.tsx
@@ -59,7 +59,7 @@ export function AboutInvenTreeModal({
       <tr key={idx}>
         <td>{map.title}</td>
         <td>
-          <Group justify="apart" gap="xs">
+          <Group justify="space-between" gap="xs">
             {alwaysLink ? (
               <Anchor href={data[map.ref]} target="_blank">
                 {data[map.ref]}
@@ -177,7 +177,7 @@ export function AboutInvenTreeModal({
         </tbody>
       </Table>
       <Divider />
-      <Group justify="apart">
+      <Group justify="space-between">
         <CopyButton
           value={copyval}
           label={<Trans>Copy version information</Trans>}
diff --git a/src/frontend/src/components/modals/LicenseModal.tsx b/src/frontend/src/components/modals/LicenseModal.tsx
index 0c2fa1ecb1..b5a14c6d2d 100644
--- a/src/frontend/src/components/modals/LicenseModal.tsx
+++ b/src/frontend/src/components/modals/LicenseModal.tsx
@@ -25,7 +25,7 @@ export function LicenceView(entries: Readonly<any[]>) {
           {entries?.map((entry: any, index: number) => (
             <Accordion.Item key={entry.name} value={`entry-${index}`}>
               <Accordion.Control>
-                <Group justify="apart" grow>
+                <Group justify="space-between" grow>
                   <Text>{entry.name}</Text>
                   <Text>{entry.license}</Text>
                   <Space />
diff --git a/src/frontend/src/components/nav/Header.tsx b/src/frontend/src/components/nav/Header.tsx
index 4be29caa47..8f90ef8b7b 100644
--- a/src/frontend/src/components/nav/Header.tsx
+++ b/src/frontend/src/components/nav/Header.tsx
@@ -88,7 +88,7 @@ export function Header() {
         }}
       />
       <Container className={classes.layoutHeaderSection} size="100%">
-        <Group justify="apart">
+        <Group justify="space-between">
           <Group>
             <NavHoverMenu openDrawer={openNavDrawer} />
             <NavTabs />
diff --git a/src/frontend/src/components/nav/NavHoverMenu.tsx b/src/frontend/src/components/nav/NavHoverMenu.tsx
index d91105bd75..12c85cd792 100644
--- a/src/frontend/src/components/nav/NavHoverMenu.tsx
+++ b/src/frontend/src/components/nav/NavHoverMenu.tsx
@@ -58,7 +58,7 @@ export function NavHoverMenu({
       </HoverCard.Target>
 
       <HoverCard.Dropdown style={{ overflow: 'hidden' }}>
-        <Group justify="apart" px="md">
+        <Group justify="space-between" px="md">
           <ActionIcon
             onClick={openDrawer}
             onMouseOver={openDrawer}
@@ -96,7 +96,7 @@ export function NavHoverMenu({
         />
         <MenuLinks links={onlyItems} highlighted={true} />
         <div className={classes.headerDropdownFooter}>
-          <Group justify="apart">
+          <Group justify="space-between">
             <div>
               <Text fw={500} fz="sm">
                 <Trans>Get started</Trans>
diff --git a/src/frontend/src/components/nav/NotificationDrawer.tsx b/src/frontend/src/components/nav/NotificationDrawer.tsx
index a64745df16..6eebf1c52e 100644
--- a/src/frontend/src/components/nav/NotificationDrawer.tsx
+++ b/src/frontend/src/components/nav/NotificationDrawer.tsx
@@ -66,7 +66,7 @@ export function NotificationDrawer({
         }
       }}
       title={
-        <Group justify="apart" wrap="nowrap">
+        <Group justify="space-between" wrap="nowrap">
           <StylishText size="lg">{t`Notifications`}</StylishText>
           <ActionIcon
             onClick={() => {
@@ -89,7 +89,7 @@ export function NotificationDrawer({
           </Alert>
         )}
         {notificationQuery.data?.results?.map((notification: any) => (
-          <Group justify="apart" key={notification.pk}>
+          <Group justify="space-between" key={notification.pk}>
             <Stack gap="3">
               {notification?.target?.link ? (
                 <Text
diff --git a/src/frontend/src/components/nav/PageDetail.tsx b/src/frontend/src/components/nav/PageDetail.tsx
index fba3551d02..f615664b6e 100644
--- a/src/frontend/src/components/nav/PageDetail.tsx
+++ b/src/frontend/src/components/nav/PageDetail.tsx
@@ -43,7 +43,7 @@ export function PageDetail({
       )}
       <Paper p="xs" radius="xs" shadow="xs">
         <Stack gap="xs">
-          <Group justify="apart" wrap="nowrap">
+          <Group justify="space-between" wrap="nowrap">
             <Group justify="left" wrap="nowrap">
               {imageUrl && (
                 <ApiImage src={imageUrl} radius="sm" h={64} w={64} />
diff --git a/src/frontend/src/components/nav/PartCategoryTree.tsx b/src/frontend/src/components/nav/PartCategoryTree.tsx
index 8ee3686a63..8fbc64abcd 100644
--- a/src/frontend/src/components/nav/PartCategoryTree.tsx
+++ b/src/frontend/src/components/nav/PartCategoryTree.tsx
@@ -54,7 +54,7 @@ export function PartCategoryTree({
   function renderNode({ node }: { node: any }) {
     return (
       <Group
-        justify="apart"
+        justify="space-between"
         key={node.id}
         wrap="nowrap"
         onClick={() => {
diff --git a/src/frontend/src/components/nav/SearchDrawer.tsx b/src/frontend/src/components/nav/SearchDrawer.tsx
index 157b9c64e1..a6e4c4bded 100644
--- a/src/frontend/src/components/nav/SearchDrawer.tsx
+++ b/src/frontend/src/components/nav/SearchDrawer.tsx
@@ -68,7 +68,7 @@ function QueryResultGroup({
   return (
     <Paper shadow="sm" radius="xs" p="md" key={`paper-${query.model}`}>
       <Stack key={`stack-${query.model}`}>
-        <Group justify="apart" wrap="nowrap">
+        <Group justify="space-between" wrap="nowrap">
           <Group justify="left" gap={5} wrap="nowrap">
             <Text size="lg">{model.label_multiple}</Text>
             <Text size="sm" style={{ fontStyle: 'italic' }}>
@@ -331,7 +331,7 @@ export function SearchDrawer({
       withCloseButton={false}
       styles={{ header: { width: '100%' }, title: { width: '100%' } }}
       title={
-        <Group justify="apart" gap={1} wrap="nowrap">
+        <Group justify="space-between" gap={1} wrap="nowrap">
           <TextInput
             placeholder={t`Enter search text`}
             radius="xs"
diff --git a/src/frontend/src/components/nav/StockLocationTree.tsx b/src/frontend/src/components/nav/StockLocationTree.tsx
index bc7bf5e7ac..f6b4dcd53a 100644
--- a/src/frontend/src/components/nav/StockLocationTree.tsx
+++ b/src/frontend/src/components/nav/StockLocationTree.tsx
@@ -51,7 +51,7 @@ export function StockLocationTree({
   function renderNode({ node }: { node: any }) {
     return (
       <Group
-        justify="apart"
+        justify="space-between"
         key={node.id}
         wrap="nowrap"
         onClick={() => {
diff --git a/src/frontend/src/components/render/Instance.tsx b/src/frontend/src/components/render/Instance.tsx
index 331f6dbe54..788f49e14a 100644
--- a/src/frontend/src/components/render/Instance.tsx
+++ b/src/frontend/src/components/render/Instance.tsx
@@ -113,7 +113,7 @@ export function RenderInlineModel({
   // TODO: Handle URL
 
   return (
-    <Group gap="xs" justify="apart" wrap="nowrap">
+    <Group gap="xs" justify="space-between" wrap="nowrap">
       <Group gap="xs" justify="left" wrap="nowrap">
         {image && Thumbnail({ src: image, size: 18 })}
         <Text size="sm">{primary}</Text>
diff --git a/src/frontend/src/components/settings/SettingItem.tsx b/src/frontend/src/components/settings/SettingItem.tsx
index f87581841e..f7e487ed4f 100644
--- a/src/frontend/src/components/settings/SettingItem.tsx
+++ b/src/frontend/src/components/settings/SettingItem.tsx
@@ -178,7 +178,7 @@ export function SettingItem({
 
   return (
     <Paper style={style}>
-      <Group justify="apart" p="3">
+      <Group justify="space-between" p="3">
         <Stack gap="2" p="4px">
           <Text>
             {setting.name}
diff --git a/src/frontend/src/pages/Index/Scan.tsx b/src/frontend/src/pages/Index/Scan.tsx
index 06c0cfde17..f4adc85b89 100644
--- a/src/frontend/src/pages/Index/Scan.tsx
+++ b/src/frontend/src/pages/Index/Scan.tsx
@@ -273,7 +273,7 @@ export default function Scan() {
   // rendering
   return (
     <>
-      <Group justify="apart">
+      <Group justify="space-between">
         <Group justify="left">
           <StylishText>
             <Trans>Scan Page</Trans>
@@ -291,7 +291,7 @@ export default function Scan() {
         <Grid.Col span={4}>
           <Stack>
             <Stack gap="xs">
-              <Group justify="apart">
+              <Group justify="space-between">
                 <TitleWithDoc
                   order={3}
                   text={t`Select the input method you want to use to scan items.`}
@@ -361,7 +361,7 @@ export default function Scan() {
           </Stack>
         </Grid.Col>
         <Grid.Col span={8}>
-          <Group justify="apart">
+          <Group justify="space-between">
             <TitleWithDoc
               order={3}
               text={t`History is locally kept in this browser.`}
diff --git a/src/frontend/src/pages/Index/Settings/AccountSettings/SecurityContent.tsx b/src/frontend/src/pages/Index/Settings/AccountSettings/SecurityContent.tsx
index 89a3d4f208..8b3904b12f 100644
--- a/src/frontend/src/pages/Index/Settings/AccountSettings/SecurityContent.tsx
+++ b/src/frontend/src/pages/Index/Settings/AccountSettings/SecurityContent.tsx
@@ -137,7 +137,7 @@ function EmailContent({}: {}) {
                 key={link.id}
                 value={String(link.id)}
                 label={
-                  <Group justify="apart">
+                  <Group justify="space-between">
                     {link.email}
                     {link.primary && (
                       <Badge color="blue">
@@ -251,7 +251,7 @@ function SsoContent({ dataProvider }: { dataProvider: any | undefined }) {
         variant="outline"
         disabled={!provider.configured}
       >
-        <Group justify="apart">
+        <Group justify="space-between">
           {provider.display_name}
           {provider.configured == false && <IconAlertCircle />}
         </Group>
diff --git a/src/frontend/src/pages/part/pricing/PurchaseHistoryPanel.tsx b/src/frontend/src/pages/part/pricing/PurchaseHistoryPanel.tsx
index e23fbcf4ce..8489d3515f 100644
--- a/src/frontend/src/pages/part/pricing/PurchaseHistoryPanel.tsx
+++ b/src/frontend/src/pages/part/pricing/PurchaseHistoryPanel.tsx
@@ -64,7 +64,7 @@ export default function PurchaseHistoryPanel({
           let units = record.supplier_part_detail?.pack_quantity;
 
           return (
-            <Group justify="apart" gap="xs">
+            <Group justify="space-between" gap="xs">
               <Text>{price}</Text>
               {units && <Text size="xs">[{units}]</Text>}
             </Group>
@@ -85,7 +85,7 @@ export default function PurchaseHistoryPanel({
           let units = record.part_detail?.units;
 
           return (
-            <Group justify="apart" gap="xs">
+            <Group justify="space-between" gap="xs">
               <Text>{price}</Text>
               {units && <Text size="xs">[{units}]</Text>}
             </Group>
diff --git a/src/frontend/src/tables/FilterSelectDrawer.tsx b/src/frontend/src/tables/FilterSelectDrawer.tsx
index a51c5a0b52..b5be497869 100644
--- a/src/frontend/src/tables/FilterSelectDrawer.tsx
+++ b/src/frontend/src/tables/FilterSelectDrawer.tsx
@@ -41,7 +41,7 @@ function FilterItem({
 
   return (
     <Paper p="sm" shadow="sm" radius="xs">
-      <Group justify="apart" key={flt.name}>
+      <Group justify="space-between" key={flt.name}>
         <Stack gap="xs">
           <Text size="sm">{flt.label}</Text>
           <Text size="xs">{flt.description}</Text>
diff --git a/src/frontend/src/tables/InvenTreeTable.tsx b/src/frontend/src/tables/InvenTreeTable.tsx
index 9f62fd64a6..9ed033c531 100644
--- a/src/frontend/src/tables/InvenTreeTable.tsx
+++ b/src/frontend/src/tables/InvenTreeTable.tsx
@@ -551,7 +551,7 @@ export function InvenTreeTable<T = any>({
         />
       )}
       <Stack gap="sm">
-        <Group justify="apart">
+        <Group justify="space-between">
           <Group justify="left" key="custom-actions" gap={5}>
             {tableProps.tableActions?.map((group, idx) => (
               <Fragment key={idx}>{group}</Fragment>
diff --git a/src/frontend/src/tables/TableHoverCard.tsx b/src/frontend/src/tables/TableHoverCard.tsx
index 09df71ecee..b96c9c6004 100644
--- a/src/frontend/src/tables/TableHoverCard.tsx
+++ b/src/frontend/src/tables/TableHoverCard.tsx
@@ -29,7 +29,7 @@ export function TableHoverCard({
   return (
     <HoverCard withinPortal={true}>
       <HoverCard.Target>
-        <Group gap="xs" justify="apart" wrap="nowrap">
+        <Group gap="xs" justify="space-between" wrap="nowrap">
           {value}
           <IconInfoCircle size="16" color="blue" />
         </Group>
diff --git a/src/frontend/src/tables/build/BuildLineTable.tsx b/src/frontend/src/tables/build/BuildLineTable.tsx
index 8dcae7b608..e6b9724eb7 100644
--- a/src/frontend/src/tables/build/BuildLineTable.tsx
+++ b/src/frontend/src/tables/build/BuildLineTable.tsx
@@ -146,7 +146,7 @@ export default function BuildLineTable({ params = {} }: { params?: any }) {
         ordering: 'unit_quantity',
         render: (record: any) => {
           return (
-            <Group justify="apart">
+            <Group justify="space-between">
               <Text>{record.bom_item_detail?.quantity}</Text>
               {record?.part_detail?.units && (
                 <Text size="xs">[{record.part_detail.units}]</Text>
@@ -160,7 +160,7 @@ export default function BuildLineTable({ params = {} }: { params?: any }) {
         sortable: true,
         render: (record: any) => {
           return (
-            <Group justify="apart">
+            <Group justify="space-between">
               <Text>{record.quantity}</Text>
               {record?.part_detail?.units && (
                 <Text size="xs">[{record.part_detail.units}]</Text>
diff --git a/src/frontend/src/tables/general/AttachmentTable.tsx b/src/frontend/src/tables/general/AttachmentTable.tsx
index b524907a85..505d365aab 100644
--- a/src/frontend/src/tables/general/AttachmentTable.tsx
+++ b/src/frontend/src/tables/general/AttachmentTable.tsx
@@ -54,7 +54,7 @@ function attachmentTableColumns(): TableColumn[] {
 
       render: function (record: any) {
         return (
-          <Group justify="apart">
+          <Group justify="space-between">
             <Text>{record.upload_date}</Text>
             {record.user_detail && (
               <Badge size="xs">{record.user_detail.username}</Badge>
diff --git a/src/frontend/src/tables/machine/MachineListTable.tsx b/src/frontend/src/tables/machine/MachineListTable.tsx
index cfb857297f..5cea78dacf 100644
--- a/src/frontend/src/tables/machine/MachineListTable.tsx
+++ b/src/frontend/src/tables/machine/MachineListTable.tsx
@@ -207,7 +207,7 @@ function MachineDrawer({
 
   return (
     <Stack gap="xs">
-      <Group justify="apart">
+      <Group justify="space-between">
         <Box></Box>
 
         <Group>
@@ -278,7 +278,7 @@ function MachineDrawer({
 
       <Card withBorder>
         <Stack gap="md">
-          <Group justify="apart">
+          <Group justify="space-between">
             <Title order={4}>
               <Trans>Machine information</Trans>
             </Title>
@@ -336,7 +336,7 @@ function MachineDrawer({
                 <Text fz="sm">{machine?.status_text}</Text>
               </Flex>
             </InfoItem>
-            <Group justify="apart" gap="xs">
+            <Group justify="space-between" gap="xs">
               <Text fz="sm" fw={700}>
                 <Trans>Errors</Trans>:
               </Text>
diff --git a/src/frontend/src/tables/machine/MachineTypeTable.tsx b/src/frontend/src/tables/machine/MachineTypeTable.tsx
index 4232f02a93..08906a413c 100644
--- a/src/frontend/src/tables/machine/MachineTypeTable.tsx
+++ b/src/frontend/src/tables/machine/MachineTypeTable.tsx
@@ -92,7 +92,7 @@ function MachineTypeDrawer({ machineTypeSlug }: { machineTypeSlug: string }) {
 
       <Card withBorder>
         <Stack gap="md">
-          <Group justify="apart">
+          <Group justify="space-between">
             <Title order={4}>
               <Trans>Machine type information</Trans>
             </Title>
@@ -199,7 +199,7 @@ function MachineDriverDrawer({
 
       <Card withBorder>
         <Stack gap="md">
-          <Group justify="apart">
+          <Group justify="space-between">
             <Title order={4}>
               <Trans>Machine driver information</Trans>
             </Title>
@@ -256,7 +256,7 @@ function MachineDriverDrawer({
               value={machineDriver?.is_builtin}
               type="boolean"
             />
-            <Group justify="apart" gap="xs">
+            <Group justify="space-between" gap="xs">
               <Text fz="sm" fw={700}>
                 <Trans>Errors</Trans>:
               </Text>
diff --git a/src/frontend/src/tables/part/ParametricPartTable.tsx b/src/frontend/src/tables/part/ParametricPartTable.tsx
index 7cf91232c1..35281e32a0 100644
--- a/src/frontend/src/tables/part/ParametricPartTable.tsx
+++ b/src/frontend/src/tables/part/ParametricPartTable.tsx
@@ -67,7 +67,7 @@ function ParameterCell({
 
   return (
     <div>
-      <Group grow ref={ref} justify="apart">
+      <Group grow ref={ref} justify="space-between">
         <Group grow style={{ flex: 1 }}>
           <TableHoverCard
             value={value ?? '-'}
diff --git a/src/frontend/src/tables/part/PartCategoryTemplateTable.tsx b/src/frontend/src/tables/part/PartCategoryTemplateTable.tsx
index 0c3014e766..351732b9a9 100644
--- a/src/frontend/src/tables/part/PartCategoryTemplateTable.tsx
+++ b/src/frontend/src/tables/part/PartCategoryTemplateTable.tsx
@@ -94,7 +94,7 @@ export default function PartCategoryTemplateTable({}: {}) {
           }
 
           return (
-            <Group justify="apart" grow>
+            <Group justify="space-between" grow>
               <Text>{record.default_value}</Text>
               {units && <Text size="xs">{units}</Text>}
             </Group>
diff --git a/src/frontend/src/tables/part/PartThumbTable.tsx b/src/frontend/src/tables/part/PartThumbTable.tsx
index 6ebd8525c5..a29e46457a 100644
--- a/src/frontend/src/tables/part/PartThumbTable.tsx
+++ b/src/frontend/src/tables/part/PartThumbTable.tsx
@@ -185,7 +185,7 @@ export function PartThumbTable({
 
       <Divider />
       <Paper p="sm">
-        <Group justify="apart">
+        <Group justify="space-between">
           <TextInput
             placeholder={t`Search...`}
             onChange={(event) => {
diff --git a/src/frontend/src/tables/plugin/PluginListTable.tsx b/src/frontend/src/tables/plugin/PluginListTable.tsx
index 31174037de..8aff677590 100644
--- a/src/frontend/src/tables/plugin/PluginListTable.tsx
+++ b/src/frontend/src/tables/plugin/PluginListTable.tsx
@@ -120,7 +120,7 @@ export function PluginDrawer({
 
   return (
     <Stack gap={'xs'}>
-      <Group justify="apart">
+      <Group justify="space-between">
         <Box></Box>
 
         <Group gap={'xs'}>
diff --git a/src/frontend/src/tables/purchasing/SupplierPriceBreakTable.tsx b/src/frontend/src/tables/purchasing/SupplierPriceBreakTable.tsx
index 1abe2761b9..d2d0950ce7 100644
--- a/src/frontend/src/tables/purchasing/SupplierPriceBreakTable.tsx
+++ b/src/frontend/src/tables/purchasing/SupplierPriceBreakTable.tsx
@@ -96,7 +96,7 @@ export function SupplierPriceBreakColumns(): TableColumn[] {
         });
 
         return (
-          <Group justify="apart" gap="xs" grow>
+          <Group justify="space-between" gap="xs" grow>
             <Text>{price}</Text>
             {units && <Text size="xs">[{units}]</Text>}
           </Group>
diff --git a/src/frontend/src/tables/settings/ScheduledTasksTable.tsx b/src/frontend/src/tables/settings/ScheduledTasksTable.tsx
index 6daaff12c1..9859706dda 100644
--- a/src/frontend/src/tables/settings/ScheduledTasksTable.tsx
+++ b/src/frontend/src/tables/settings/ScheduledTasksTable.tsx
@@ -31,7 +31,7 @@ export default function ScheduledTasksTable() {
           }
 
           return (
-            <Group justify="apart">
+            <Group justify="space-between">
               <Text>{record.last_run}</Text>
               {record.success ? (
                 <IconCircleCheck color="green" />
diff --git a/src/frontend/src/tables/settings/TemplateTable.tsx b/src/frontend/src/tables/settings/TemplateTable.tsx
index 43ad4565b8..caa4204707 100644
--- a/src/frontend/src/tables/settings/TemplateTable.tsx
+++ b/src/frontend/src/tables/settings/TemplateTable.tsx
@@ -134,7 +134,7 @@ export function TemplateDrawer({
       {editTemplate.modal}
       {deleteTemplate.modal}
 
-      <Group justify="apart">
+      <Group justify="space-between">
         <Box></Box>
 
         <Group>
diff --git a/src/frontend/src/tables/stock/StockItemTestResultTable.tsx b/src/frontend/src/tables/stock/StockItemTestResultTable.tsx
index 1277179628..3ceb134945 100644
--- a/src/frontend/src/tables/stock/StockItemTestResultTable.tsx
+++ b/src/frontend/src/tables/stock/StockItemTestResultTable.tsx
@@ -132,7 +132,7 @@ export default function StockItemTestResultTable({
             record.stock_item != undefined && record.stock_item != itemId;
 
           return (
-            <Group justify="apart">
+            <Group justify="space-between">
               <Text
                 style={{ fontStyle: installed ? 'italic' : undefined }}
                 fw={required && 700}
@@ -194,7 +194,7 @@ export default function StockItemTestResultTable({
         title: t`Date`,
         render: (record: any) => {
           return (
-            <Group justify="apart">
+            <Group justify="space-between">
               {renderDate(record.date)}
               {record.user_detail && (
                 <RenderUser instance={record.user_detail} />
@@ -214,7 +214,7 @@ export default function StockItemTestResultTable({
         title: t`Started`,
         render: (record: any) => {
           return (
-            <Group justify="apart">
+            <Group justify="space-between">
               {renderDate(record.started_datetime, {
                 showTime: true,
                 showSeconds: true
@@ -229,7 +229,7 @@ export default function StockItemTestResultTable({
         title: t`Finished`,
         render: (record: any) => {
           return (
-            <Group justify="apart">
+            <Group justify="space-between">
               {renderDate(record.finished_datetime, {
                 showTime: true,
                 showSeconds: true