diff --git a/ui/src/app/settings/components/repo-details/repo-details.tsx b/ui/src/app/settings/components/repo-details/repo-details.tsx
index 6075dfbde3b22..25fa983172700 100644
--- a/ui/src/app/settings/components/repo-details/repo-details.tsx
+++ b/ui/src/app/settings/components/repo-details/repo-details.tsx
@@ -65,7 +65,8 @@ export const RepoDetails = (props: {repo: models.Repository; save?: (params: New
         enableLfs: repo.enableLfs || false,
         proxy: repo.proxy || '',
         project: repo.project || '',
-        enableOCI: repo.enableOCI || false
+        enableOCI: repo.enableOCI || false,
+        forceHttpBasicAuth: repo.forceHttpBasicAuth || false
     };
 
     return (
diff --git a/ui/src/app/shared/services/repo-service.ts b/ui/src/app/shared/services/repo-service.ts
index 09f8c169ac9ae..94378bee8352b 100644
--- a/ui/src/app/shared/services/repo-service.ts
+++ b/ui/src/app/shared/services/repo-service.ts
@@ -62,7 +62,9 @@ export class RepositoriesService {
         insecure,
         enableLfs,
         proxy,
-        project
+        project,
+        forceHttpBasicAuth,
+        enableOCI
     }: {
         type: string;
         name: string;
@@ -75,10 +77,12 @@ export class RepositoriesService {
         enableLfs: boolean;
         proxy: string;
         project?: string;
+        forceHttpBasicAuth?: boolean;
+        enableOCI: boolean;
     }): Promise<models.Repository> {
         return requests
             .put(`/repositories/${encodeURIComponent(url)}`)
-            .send({type, name, repo: url, username, password, tlsClientCertData, tlsClientCertKey, insecure, enableLfs, proxy, project})
+            .send({type, name, repo: url, username, password, tlsClientCertData, tlsClientCertKey, insecure, enableLfs, proxy, project, forceHttpBasicAuth, enableOCI})
             .then(res => res.body as models.Repository);
     }