diff --git a/frontend/src/app/pages/medical-sources/medical-sources.component.ts b/frontend/src/app/pages/medical-sources/medical-sources.component.ts
index 7433101e..1c8f9d9e 100644
--- a/frontend/src/app/pages/medical-sources/medical-sources.component.ts
+++ b/frontend/src/app/pages/medical-sources/medical-sources.component.ts
@@ -175,6 +175,10 @@ export class MedicalSourcesComponent implements OnInit {
             // window.location.reload();
 
             console.log("source credential create response:", respData)
+            //remove item from available sources list, add to connected sources.
+            this.availableSourceList.splice(this.availableSourceList.indexOf(this.metadataSources[sourceType]), 1);
+            this.connectedSourceList.push({source: respData, metadata: this.metadataSources[sourceType]})
+
           },
           (err) => {
             delete this.status[sourceType]
diff --git a/frontend/src/app/services/lighthouse.service.ts b/frontend/src/app/services/lighthouse.service.ts
index e912cf59..0ebe3f50 100644
--- a/frontend/src/app/services/lighthouse.service.ts
+++ b/frontend/src/app/services/lighthouse.service.ts
@@ -50,7 +50,7 @@ export class LighthouseService {
       const codeChallenge = await Oauth.calculatePKCECodeChallenge(codeVerifier);
       const codeChallengeMethod = lighthouseSource.code_challenge_methods_supported[0]; // 'S256'
 
-      localStorage.setItem(`${lighthouseSource}:code_verifier`, codeVerifier)
+      localStorage.setItem(`${sourceType}:code_verifier`, codeVerifier)
       localStorage.setItem(`${sourceType}:code_challenge`, codeChallenge)
       localStorage.setItem(`${sourceType}:code_challenge_method`, codeChallengeMethod)