diff --git a/frontend/src/app/components/connect-db/connect-db.component.html b/frontend/src/app/components/connect-db/connect-db.component.html
index fc00cb029..0e2bb6fe8 100644
--- a/frontend/src/app/components/connect-db/connect-db.component.html
+++ b/frontend/src/app/components/connect-db/connect-db.component.html
@@ -9,7 +9,7 @@ <h1 class="mat-h1 connectForm__fullLine">
         </h1>
 
         <mat-form-field appearance="outline" class="connectForm__title">
-            <mat-label>Connection name</mat-label>
+            <mat-label>Connection title</mat-label>
             <input matInput name="title" #title="ngModel"
                 data-testid="connection-title-input"
                 angulartics2On="change"
diff --git a/frontend/src/app/components/connections-list/hosted-database-rename-dialog/hosted-database-rename-dialog.component.html b/frontend/src/app/components/connections-list/hosted-database-rename-dialog/hosted-database-rename-dialog.component.html
index ada2b6f54..90c45d50d 100644
--- a/frontend/src/app/components/connections-list/hosted-database-rename-dialog/hosted-database-rename-dialog.component.html
+++ b/frontend/src/app/components/connections-list/hosted-database-rename-dialog/hosted-database-rename-dialog.component.html
@@ -1,9 +1,9 @@
 <h1 mat-dialog-title>Name your connection</h1>
 
 <mat-dialog-content class="rename-dialog__content">
-	<p class="rename-dialog__description">Give your hosted database a friendly name so you can find it easily.</p>
+	<p class="rename-dialog__description">Give your hosted database a friendly title so you can find it easily.</p>
 	<mat-form-field appearance="outline" class="rename-dialog__field">
-		<mat-label>Connection name</mat-label>
+		<mat-label>Connection title</mat-label>
 		<input matInput [(ngModel)]="title" placeholder="e.g. Production DB, Staging, My App" (keyup.enter)="save()" cdkFocusInitial>
 	</mat-form-field>
 </mat-dialog-content>
diff --git a/frontend/src/app/components/hosted-databases/hosted-database-rename-dialog/hosted-database-rename-dialog.component.css b/frontend/src/app/components/hosted-databases/hosted-database-rename-dialog/hosted-database-rename-dialog.component.css
new file mode 100644
index 000000000..c639bb127
--- /dev/null
+++ b/frontend/src/app/components/hosted-databases/hosted-database-rename-dialog/hosted-database-rename-dialog.component.css
@@ -0,0 +1,5 @@
+.rename-dialog__field {
+	margin-top: 12px;
+  	margin-bottom: -12px;
+	width: 100%;
+}
diff --git a/frontend/src/app/components/hosted-databases/hosted-database-rename-dialog/hosted-database-rename-dialog.component.html b/frontend/src/app/components/hosted-databases/hosted-database-rename-dialog/hosted-database-rename-dialog.component.html
new file mode 100644
index 000000000..1d692e987
--- /dev/null
+++ b/frontend/src/app/components/hosted-databases/hosted-database-rename-dialog/hosted-database-rename-dialog.component.html
@@ -0,0 +1,16 @@
+<h1 mat-dialog-title>Rename <strong>{{ data.databaseName }}</strong></h1>
+<mat-dialog-content>
+	<mat-form-field appearance="outline" class="rename-dialog__field">
+		<mat-label>Connection name</mat-label>
+		<input matInput [(ngModel)]="title" placeholder="e.g. Production DB, Staging, My App"
+			(keyup.enter)="save()" cdkFocusInitial>
+	</mat-form-field>
+</mat-dialog-content>
+<mat-dialog-actions align="end">
+	<button type="button" mat-flat-button mat-dialog-close>Cancel</button>
+	<button type="button" mat-flat-button color="accent"
+		[disabled]="!title.trim() || submitting()"
+		(click)="save()">
+		{{ submitting() ? 'Saving...' : 'Save' }}
+	</button>
+</mat-dialog-actions>
diff --git a/frontend/src/app/components/hosted-databases/hosted-database-rename-dialog/hosted-database-rename-dialog.component.ts b/frontend/src/app/components/hosted-databases/hosted-database-rename-dialog/hosted-database-rename-dialog.component.ts
new file mode 100644
index 000000000..6c3c4bc60
--- /dev/null
+++ b/frontend/src/app/components/hosted-databases/hosted-database-rename-dialog/hosted-database-rename-dialog.component.ts
@@ -0,0 +1,56 @@
+import { Component, inject, signal } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { MatButtonModule } from '@angular/material/button';
+import { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatInputModule } from '@angular/material/input';
+import { firstValueFrom } from 'rxjs';
+import posthog from 'posthog-js';
+import { FoundHostedDatabase } from 'src/app/models/hosted-database';
+import { ConnectionsService } from 'src/app/services/connections.service';
+import { NotificationsService } from 'src/app/services/notifications.service';
+
+@Component({
+	selector: 'app-hosted-databases-rename-dialog',
+	templateUrl: './hosted-database-rename-dialog.component.html',
+	styleUrls: ['./hosted-database-rename-dialog.component.css'],
+	imports: [MatDialogModule, MatButtonModule, MatFormFieldModule, MatInputModule, FormsModule],
+})
+export class HostedDatabasesRenameDialogComponent {
+	private _connectionsService = inject(ConnectionsService);
+	private _notifications = inject(NotificationsService);
+	private _dialogRef = inject(MatDialogRef<HostedDatabasesRenameDialogComponent>);
+
+	protected data: FoundHostedDatabase = inject(MAT_DIALOG_DATA);
+	protected title = this.data.title || this.data.databaseName || '';
+	protected submitting = signal(false);
+
+	async save(): Promise<void> {
+		const title = this.title.trim();
+		if (!title || this.submitting()) return;
+
+		this.submitting.set(true);
+
+		try {
+			const connections = await firstValueFrom(this._connectionsService.fetchConnections());
+			const match = connections?.find(
+				(item) =>
+					item.connection.host === this.data.hostname &&
+					item.connection.database === this.data.databaseName,
+			);
+
+			if (!match) {
+				this._notifications.showErrorSnackbar('Matching connection not found.');
+				this.submitting.set(false);
+				return;
+			}
+
+			await firstValueFrom(this._connectionsService.updateConnectionTitle(match.connection.id, title));
+			posthog.capture('Hosted Databases: database renamed', { databaseName: this.data.databaseName });
+			this._connectionsService.fetchConnections().subscribe();
+			this._dialogRef.close(title);
+		} finally {
+			this.submitting.set(false);
+		}
+	}
+}
diff --git a/frontend/src/app/components/hosted-databases/hosted-databases.component.html b/frontend/src/app/components/hosted-databases/hosted-databases.component.html
index 323cf074a..ce16942c0 100644
--- a/frontend/src/app/components/hosted-databases/hosted-databases.component.html
+++ b/frontend/src/app/components/hosted-databases/hosted-databases.component.html
@@ -47,6 +47,11 @@ <h1 class="mat-h1">Hosted Databases</h1>
 									</div>
 								</div>
 								<div class="db-card__actions">
+									<button type="button" mat-icon-button
+										matTooltip="Change connection title"
+										(click)="renameDatabase(db)">
+										<mat-icon>edit</mat-icon>
+									</button>
 									<button type="button" mat-icon-button
 										matTooltip="Reset password"
 										(click)="resetPassword(db)">
diff --git a/frontend/src/app/components/hosted-databases/hosted-databases.component.ts b/frontend/src/app/components/hosted-databases/hosted-databases.component.ts
index c076e8d6a..b091ae72a 100644
--- a/frontend/src/app/components/hosted-databases/hosted-databases.component.ts
+++ b/frontend/src/app/components/hosted-databases/hosted-databases.component.ts
@@ -15,6 +15,7 @@ import { UserService } from 'src/app/services/user.service';
 import { ProfileSidebarComponent } from '../profile/profile-sidebar/profile-sidebar.component';
 import { AlertComponent } from '../ui-components/alert/alert.component';
 import { HostedDatabaseDeleteDialogComponent } from './hosted-database-delete-dialog/hosted-database-delete-dialog.component';
+import { HostedDatabasesRenameDialogComponent } from './hosted-database-rename-dialog/hosted-database-rename-dialog.component';
 import { HostedDatabaseResetPasswordDialogComponent } from './hosted-database-reset-password-dialog/hosted-database-reset-password-dialog.component';
 
 @Component({
@@ -64,6 +65,20 @@ export class HostedDatabasesComponent implements OnInit {
 		});
 	}
 
+	renameDatabase(db: FoundHostedDatabase): void {
+		const dialogRef = this._dialog.open(HostedDatabasesRenameDialogComponent, {
+			width: '28em',
+			maxWidth: '95vw',
+			data: db,
+		});
+
+		dialogRef.afterClosed().subscribe(async (newTitle) => {
+			if (newTitle) {
+				await this._loadDatabases();
+			}
+		});
+	}
+
 	resetPassword(db: FoundHostedDatabase): void {
 		this._dialog.open(HostedDatabaseResetPasswordDialogComponent, {
 			width: '32em',