diff --git a/frontend-dev/src/routes/secrets/+page.svelte b/frontend-dev/src/routes/secrets/+page.svelte
index 62d40b02..2199048b 100644
--- a/frontend-dev/src/routes/secrets/+page.svelte
+++ b/frontend-dev/src/routes/secrets/+page.svelte
@@ -90,7 +90,7 @@
 	<div class="p-5 table-container">
 		{#await credentialsPromise}
 			<p style="font-size:20px;">Loading credentials...</p>
-			{:then credentialsList}
+			{:then credentials}
 			<!-- Native Table Element -->
 			<!-- TODO: add margin/padding for table elements -->
 			<table class="w-half table table-interactive">
@@ -103,7 +103,7 @@
 					</tr>
 				</thead>
 				<tbody>
-					{#each credentialsList as secret}
+					{#each credentials as secret}
 						<tr id="clickable_row" class="table-row-checked">
 							<td>
 								<input 
diff --git a/frontend-dev/src/routes/secrets/modal-submit-new-secret.svelte b/frontend-dev/src/routes/secrets/modal-submit-new-secret.svelte
index 96acbbd9..45f7fca9 100644
--- a/frontend-dev/src/routes/secrets/modal-submit-new-secret.svelte
+++ b/frontend-dev/src/routes/secrets/modal-submit-new-secret.svelte
@@ -3,6 +3,9 @@
 	import {cBase, cHeader, cForm} from '../../styles/styles.js';
 	import { graphQLClient } from '../../stores/stores.js';
 	import createCredentialMutation from '../../queries/create_credential.js';
+	import { credentialsList } from '../../stores/stores.js';
+	import allCredentialsQuery from '../../queries/get_all_credentials.js';
+
 
 	// Props
 	/** Exposes parent props to this component. */
@@ -44,6 +47,8 @@
 		};
 		const response = await get(graphQLClient).request(createCredentialMutation, variables);	
 		modalStore.close();
+		const allCredentials = await get(graphQLClient).request(allCredentialsQuery);
+		credentialsList.set(allCredentials.dockerRegistryCredentials)
 	}
 
 </script>