diff --git a/frontend/src/employee-frontend/components/child-information/fee-alteration/FeeAlterationList.tsx b/frontend/src/employee-frontend/components/child-information/fee-alteration/FeeAlterationList.tsx
index 26d8360506f..189b5b7597f 100755
--- a/frontend/src/employee-frontend/components/child-information/fee-alteration/FeeAlterationList.tsx
+++ b/frontend/src/employee-frontend/components/child-information/fee-alteration/FeeAlterationList.tsx
@@ -88,42 +88,44 @@ export default React.memo(function FeeAlterationList({
                 }`}</Dates>
                 <span>{feeAlteration.notes}</span>
               </FixedSpaceRow>
-              {feeAlteration.modifiedAt && (
-                <FixedSpaceRow spacing="L">
-                  <Tooltip
-                    tooltip={
-                      feeAlteration.modifiedBy &&
-                      i18n.childInformation.feeAlteration.lastModifiedBy(
-                        feeAlteration.modifiedBy.name
-                      )
-                    }
-                  >
-                    {i18n.childInformation.feeAlteration.lastModifiedAt(
-                      feeAlteration.modifiedAt.format()
-                    )}
-                  </Tooltip>
-                </FixedSpaceRow>
-              )}
-              <FixedSpaceRow>
-                {permittedActions.includes('UPDATE') && (
-                  <IconOnlyButton
-                    icon={faPen}
-                    onClick={() => {
-                      if (feeAlteration.id !== null) {
-                        toggleEditing(feeAlteration.id)
+              <RightHandSide>
+                {feeAlteration.modifiedAt && (
+                  <FixedSpaceRow spacing="L">
+                    <Tooltip
+                      tooltip={
+                        feeAlteration.modifiedBy &&
+                        i18n.childInformation.feeAlteration.lastModifiedBy(
+                          feeAlteration.modifiedBy.name
+                        )
                       }
-                    }}
-                    aria-label={i18n.common.edit}
-                  />
-                )}
-                {permittedActions.includes('DELETE') && (
-                  <IconOnlyButton
-                    icon={faTrash}
-                    onClick={() => toggleDeleteModal(feeAlteration)}
-                    aria-label={i18n.common.remove}
-                  />
+                    >
+                      {i18n.childInformation.feeAlteration.lastModifiedAt(
+                        feeAlteration.modifiedAt.format()
+                      )}
+                    </Tooltip>
+                  </FixedSpaceRow>
                 )}
-              </FixedSpaceRow>
+                <FixedSpaceRow>
+                  {permittedActions.includes('UPDATE') && (
+                    <IconOnlyButton
+                      icon={faPen}
+                      onClick={() => {
+                        if (feeAlteration.id !== null) {
+                          toggleEditing(feeAlteration.id)
+                        }
+                      }}
+                      aria-label={i18n.common.edit}
+                    />
+                  )}
+                  {permittedActions.includes('DELETE') && (
+                    <IconOnlyButton
+                      icon={faTrash}
+                      onClick={() => toggleDeleteModal(feeAlteration)}
+                      aria-label={i18n.common.remove}
+                    />
+                  )}
+                </FixedSpaceRow>
+              </RightHandSide>
             </FixedSpaceRow>
             {feeAlteration.attachments.length > 0 && (
               <FeeAlterationAttachments
@@ -184,3 +186,8 @@ const FileIcon = styled(FontAwesomeIcon)`
   color: ${(p) => p.theme.colors.main.m2};
   margin-right: ${defaultMargins.s};
 `
+
+const RightHandSide = styled(FixedSpaceRow)`
+  min-width: 50%;
+  justify-content: space-between;
+`
diff --git a/frontend/src/employee-frontend/components/person-profile/income/IncomeItemHeader.tsx b/frontend/src/employee-frontend/components/person-profile/income/IncomeItemHeader.tsx
index f2bd50633c6..77783c9a5f2 100755
--- a/frontend/src/employee-frontend/components/person-profile/income/IncomeItemHeader.tsx
+++ b/frontend/src/employee-frontend/components/person-profile/income/IncomeItemHeader.tsx
@@ -41,6 +41,11 @@ const Row = styled(FixedSpaceRow)`
   align-items: center;
 `
 
+const RightHandSide = styled(Row)`
+  min-width: 50%;
+  justify-content: space-between;
+`
+
 interface Props {
   title: string
   isOpen: boolean
@@ -83,50 +88,52 @@ const IncomeItemHeader = React.memo(function IncomeItemHeader({
           <span>{period}</span>
         </Title>
       </ItemTitle>
-      {modifiedAt && (
-        <Row>
-          <Tooltip
-            tooltip={
-              modifiedBy &&
-              i18n.personProfile.income.lastModifiedBy(modifiedBy.name)
-            }
-          >
-            {i18n.personProfile.income.lastModifiedAt(modifiedAt.format())}
-          </Tooltip>
-        </Row>
-      )}
-      <Row>
-        {permittedActions.includes('UPDATE') && (
-          <Button
-            icon={faPen}
-            onClick={() => {
-              startEditing()
-              if (!isOpen) toggle()
-            }}
-            disabled={!editable}
-            data-qa="edit-income-item"
-            aria-label={i18n.common.edit}
-          />
+      <RightHandSide>
+        {modifiedAt && (
+          <Row>
+            <Tooltip
+              tooltip={
+                modifiedBy &&
+                i18n.personProfile.income.lastModifiedBy(modifiedBy.name)
+              }
+            >
+              {i18n.personProfile.income.lastModifiedAt(modifiedAt.format())}
+            </Tooltip>
+          </Row>
         )}
-        {permittedActions.includes('DELETE') && (
-          <Button
-            icon={faTrash}
-            onClick={() => {
-              startDeleting()
-            }}
-            disabled={!editable}
-            data-qa="delete-income-item"
-            aria-label={i18n.common.remove}
+        <Row>
+          {permittedActions.includes('UPDATE') && (
+            <Button
+              icon={faPen}
+              onClick={() => {
+                startEditing()
+                if (!isOpen) toggle()
+              }}
+              disabled={!editable}
+              data-qa="edit-income-item"
+              aria-label={i18n.common.edit}
+            />
+          )}
+          {permittedActions.includes('DELETE') && (
+            <Button
+              icon={faTrash}
+              onClick={() => {
+                startDeleting()
+              }}
+              disabled={!editable}
+              data-qa="delete-income-item"
+              aria-label={i18n.common.remove}
+            />
+          )}
+          <ToggleButton
+            icon={isOpen ? faChevronUp : faChevronDown}
+            onClick={toggle}
+            disabled={!toggleable}
+            data-qa="toggle-income-item"
+            aria-label={isOpen ? i18n.common.close : i18n.common.open}
           />
-        )}
-        <ToggleButton
-          icon={isOpen ? faChevronUp : faChevronDown}
-          onClick={toggle}
-          disabled={!toggleable}
-          data-qa="toggle-income-item"
-          aria-label={isOpen ? i18n.common.close : i18n.common.open}
-        />
-      </Row>
+        </Row>
+      </RightHandSide>
     </Container>
   )
 })