diff --git a/resources/scripts/components/dashboard/SSHKeyContainer.tsx b/resources/scripts/components/dashboard/SSHKeyContainer.tsx
index de0feca06..f2a88582f 100644
--- a/resources/scripts/components/dashboard/SSHKeyContainer.tsx
+++ b/resources/scripts/components/dashboard/SSHKeyContainer.tsx
@@ -120,7 +120,10 @@ export default () => {
         <PageContentBlock title={'SSH Keys'}>
             <FlashMessageRender byKey={'ssh_keys'}/>
             <div css={tw`md:flex flex-nowrap my-10`}>
-                <ContentBox title={'SSH Keys'} css={tw`flex-1 md:mr-8`}>
+                <ContentBox title={'Add SSH Key'} css={tw`flex-1 md:mr-8`}>
+                    <AddSSHKeyForm onKeyAdded={key => setKeys(s => ([ ...s!, key ]))}/>
+                </ContentBox>
+                <ContentBox title={'SSH Keys'} css={tw`flex-none w-full mt-8 md:mt-0 md:w-1/2`}>
                     <SpinnerOverlay visible={loading}/>
                     <ConfirmationModal
                         visible={!!deleteId}
@@ -161,10 +164,6 @@ export default () => {
                         ))
                     }
                 </ContentBox>
-
-                <ContentBox title={'Add SSH Key'} css={tw`flex-none w-full mt-8 md:mt-0 md:w-1/2`}>
-                    <AddSSHKeyForm onKeyAdded={key => setKeys(s => ([ ...s!, key ]))}/>
-                </ContentBox>
             </div>
         </PageContentBlock>
     );
diff --git a/resources/scripts/components/dashboard/SecurityKeyContainer.tsx b/resources/scripts/components/dashboard/SecurityKeyContainer.tsx
index 634f1c174..f4092efec 100644
--- a/resources/scripts/components/dashboard/SecurityKeyContainer.tsx
+++ b/resources/scripts/components/dashboard/SecurityKeyContainer.tsx
@@ -107,7 +107,10 @@ export default () => {
         <PageContentBlock title={'Security Keys'}>
             <FlashMessageRender byKey={'security_keys'}/>
             <div css={tw`md:flex flex-nowrap my-10`}>
-                <ContentBox title={'Security Keys'} css={tw`flex-1 md:mr-8`}>
+                <ContentBox title={'Add Security Key'} css={tw`flex-1 md:mr-8`}>
+                    <AddSecurityKeyForm onKeyAdded={key => setKeys(s => ([ ...s!, key ]))}/>
+                </ContentBox>
+                <ContentBox title={'Security Keys'} css={tw`flex-none w-full mt-8 md:mt-0 md:w-1/2`}>
                     <SpinnerOverlay visible={loading}/>
                     <ConfirmationModal
                         visible={!!deleteId}
@@ -149,10 +152,6 @@ export default () => {
                         ))
                     }
                 </ContentBox>
-
-                <ContentBox title={'Add Security Key'} css={tw`flex-none w-full mt-8 md:mt-0 md:w-1/2`}>
-                    <AddSecurityKeyForm onKeyAdded={key => setKeys(s => ([ ...s!, key ]))}/>
-                </ContentBox>
             </div>
         </PageContentBlock>
     );