diff --git a/extensions/sql-migration/src/dialog/createSqlMigrationService/createSqlMigrationServiceDialog.ts b/extensions/sql-migration/src/dialog/createSqlMigrationService/createSqlMigrationServiceDialog.ts
index 88f6ac4107..0880b676dc 100644
--- a/extensions/sql-migration/src/dialog/createSqlMigrationService/createSqlMigrationServiceDialog.ts
+++ b/extensions/sql-migration/src/dialog/createSqlMigrationService/createSqlMigrationServiceDialog.ts
@@ -21,7 +21,7 @@ export class CreateSqlMigrationServiceDialog {
 
 	private migrationServiceSubscription!: azdata.TextComponent;
 	private migrationServiceResourceGroupDropdown!: azdata.DropDownComponent;
-	private migrationServiceLocation!: azdata.InputBoxComponent;
+	private migrationServiceLocation!: azdata.TextComponent;
 	private migrationServiceNameText!: azdata.InputBoxComponent;
 	private _formSubmitButton!: azdata.ButtonComponent;
 	private _createResourceGroupLink!: azdata.HyperlinkComponent;
@@ -221,9 +221,12 @@ export class CreateSqlMigrationServiceDialog {
 			}
 		}).component();
 
-		this.migrationServiceSubscription = this._view.modelBuilder.inputBox().withProps({
-			required: true,
-			enabled: false
+		this.migrationServiceSubscription = this._view.modelBuilder.text().withProps({
+			enabled: false,
+			CSSStyles: {
+				'font-size': '13px',
+				'margin': '0px'
+			}
 		}).component();
 
 		const resourceGroupDropdownLabel = this._view.modelBuilder.text().withProps({
@@ -287,10 +290,12 @@ export class CreateSqlMigrationServiceDialog {
 			}
 		}).component();
 
-		this.migrationServiceLocation = this._view.modelBuilder.inputBox().withProps({
-			required: true,
-			enabled: false,
-			value: await this._model.getLocationDisplayName(this._model._targetServerInstance.location)
+		this.migrationServiceLocation = this._view.modelBuilder.text().withProps({
+			value: await this._model.getLocationDisplayName(this._model._targetServerInstance.location),
+			CSSStyles: {
+				'font-size': '13px',
+				'margin': '0px'
+			}
 		}).component();
 
 		const targetlabel = this._view.modelBuilder.text().withProps({
@@ -302,9 +307,13 @@ export class CreateSqlMigrationServiceDialog {
 			}
 		}).component();
 
-		const targetText = this._view.modelBuilder.inputBox().withProps({
+		const targetText = this._view.modelBuilder.text().withProps({
 			enabled: false,
-			value: constants.AZURE_SQL
+			value: constants.AZURE_SQL,
+			CSSStyles: {
+				'font-size': '13px',
+				'margin': '0px'
+			}
 		}).component();
 
 		const flexContainer = this._view.modelBuilder.flexContainer().withItems([
diff --git a/extensions/sql-migration/src/wizard/databaseBackupPage.ts b/extensions/sql-migration/src/wizard/databaseBackupPage.ts
index cceef2e520..2936786d75 100644
--- a/extensions/sql-migration/src/wizard/databaseBackupPage.ts
+++ b/extensions/sql-migration/src/wizard/databaseBackupPage.ts
@@ -37,16 +37,16 @@ export class DatabaseBackupPage extends MigrationWizardPage {
 	private _sqlSourcepassword!: azdata.InputBoxComponent;
 
 	private _blobContainer!: azdata.FlexContainer;
-	private _blobContainerSubscription!: azdata.InputBoxComponent;
-	private _blobContainerLocation!: azdata.InputBoxComponent;
+	private _blobContainerSubscription!: azdata.TextComponent;
+	private _blobContainerLocation!: azdata.TextComponent;
 	private _blobContainerResourceGroupDropdowns!: azdata.DropDownComponent[];
 	private _blobContainerStorageAccountDropdowns!: azdata.DropDownComponent[];
 	private _blobContainerDropdowns!: azdata.DropDownComponent[];
 	private _blobContainerLastBackupFileDropdowns!: azdata.DropDownComponent[];
 
 	private _networkShareStorageAccountDetails!: azdata.FlexContainer;
-	private _networkShareContainerSubscription!: azdata.InputBoxComponent;
-	private _networkShareContainerLocation!: azdata.InputBoxComponent;
+	private _networkShareContainerSubscription!: azdata.TextComponent;
+	private _networkShareContainerLocation!: azdata.TextComponent;
 	private _networkShareStorageAccountResourceGroupDropdown!: azdata.DropDownComponent;
 	private _networkShareContainerStorageAccountDropdown!: azdata.DropDownComponent;
 	private _networkShareContainerStorageAccountRefreshButton!: azdata.ButtonComponent;
@@ -191,7 +191,7 @@ export class DatabaseBackupPage extends MigrationWizardPage {
 			}
 		}).component();
 
-		const usernameLable = this._view.modelBuilder.text().withProps({
+		const usernameLabel = this._view.modelBuilder.text().withProps({
 			value: constants.USERNAME,
 			width: WIZARD_INPUT_COMPONENT_WIDTH,
 			requiredIndicator: true,
@@ -203,7 +203,7 @@ export class DatabaseBackupPage extends MigrationWizardPage {
 		this._sqlSourceUsernameInput = this._view.modelBuilder.inputBox().withProps({
 			required: true,
 			enabled: false,
-			width: WIZARD_INPUT_COMPONENT_WIDTH
+			width: WIZARD_INPUT_COMPONENT_WIDTH,
 		}).component();
 		this._disposables.push(this._sqlSourceUsernameInput.onTextChanged(value => {
 			this.migrationStateModel._sqlServerUsername = value;
@@ -345,7 +345,7 @@ export class DatabaseBackupPage extends MigrationWizardPage {
 			[
 				sqlSourceHeader,
 				this._sourceHelpText,
-				usernameLable,
+				usernameLabel,
 				this._sqlSourceUsernameInput,
 				sqlPasswordLabel,
 				this._sqlSourcepassword,
@@ -394,9 +394,13 @@ export class DatabaseBackupPage extends MigrationWizardPage {
 					'font-weight': 'bold'
 				}
 			}).component();
-		this._blobContainerSubscription = this._view.modelBuilder.inputBox()
+		this._blobContainerSubscription = this._view.modelBuilder.text()
 			.withProps({
-				enabled: false
+				enabled: false,
+				CSSStyles: {
+					'font-size': '13px',
+					'margin': '0px'
+				}
 			}).component();
 
 		const locationLabel = this._view.modelBuilder.text()
@@ -407,9 +411,13 @@ export class DatabaseBackupPage extends MigrationWizardPage {
 					'font-weight': 'bold'
 				}
 			}).component();
-		this._blobContainerLocation = this._view.modelBuilder.inputBox()
+		this._blobContainerLocation = this._view.modelBuilder.text()
 			.withProps({
-				enabled: false
+				enabled: false,
+				CSSStyles: {
+					'font-size': '13px',
+					'margin': '0px 0px'
+				}
 			}).component();
 
 		const flexContainer = this._view.modelBuilder.flexContainer()
@@ -599,11 +607,14 @@ export class DatabaseBackupPage extends MigrationWizardPage {
 					'font-weight': 'bold'
 				}
 			}).component();
-		this._networkShareContainerSubscription = this._view.modelBuilder.inputBox()
+		this._networkShareContainerSubscription = this._view.modelBuilder.text()
 			.withProps({
-				required: true,
 				enabled: false,
-				width: WIZARD_INPUT_COMPONENT_WIDTH
+				width: WIZARD_INPUT_COMPONENT_WIDTH,
+				CSSStyles: {
+					'font-size': '13px',
+					'margin': '0px 0px'
+				}
 			}).component();
 
 		const locationLabel = this._view.modelBuilder.text()
@@ -616,11 +627,14 @@ export class DatabaseBackupPage extends MigrationWizardPage {
 					'font-weight': 'bold'
 				}
 			}).component();
-		this._networkShareContainerLocation = this._view.modelBuilder.inputBox()
+		this._networkShareContainerLocation = this._view.modelBuilder.text()
 			.withProps({
-				required: true,
 				enabled: false,
-				width: WIZARD_INPUT_COMPONENT_WIDTH
+				width: WIZARD_INPUT_COMPONENT_WIDTH,
+				CSSStyles: {
+					'font-size': '13px',
+					'margin': '0px 0px'
+				}
 			}).component();
 
 		const resourceGroupLabel = this._view.modelBuilder.text()
diff --git a/extensions/sql-migration/src/wizard/integrationRuntimePage.ts b/extensions/sql-migration/src/wizard/integrationRuntimePage.ts
index 0d247848fe..9b61b74928 100644
--- a/extensions/sql-migration/src/wizard/integrationRuntimePage.ts
+++ b/extensions/sql-migration/src/wizard/integrationRuntimePage.ts
@@ -19,8 +19,8 @@ export class IntergrationRuntimePage extends MigrationWizardPage {
 	private _view!: azdata.ModelView;
 	private _form!: azdata.FormBuilder;
 	private _statusLoadingComponent!: azdata.LoadingComponent;
-	private _subscription!: azdata.InputBoxComponent;
-	private _location!: azdata.InputBoxComponent;
+	private _subscription!: azdata.TextComponent;
+	private _location!: azdata.TextComponent;
 	private _resourceGroupDropdown!: azdata.DropDownComponent;
 	private _dmsDropdown!: azdata.DropDownComponent;
 
@@ -163,10 +163,13 @@ export class IntergrationRuntimePage extends MigrationWizardPage {
 				'font-weight': 'bold',
 			}
 		}).component();
-		this._subscription = this._view.modelBuilder.inputBox().withProps({
+		this._subscription = this._view.modelBuilder.text().withProps({
 			enabled: false,
-			required: true,
 			width: WIZARD_INPUT_COMPONENT_WIDTH,
+			CSSStyles: {
+				'font-size': '13px',
+				'margin': '0px 0px'
+			}
 		}).component();
 
 		const locationLabel = this._view.modelBuilder.text().withProps({
@@ -177,10 +180,13 @@ export class IntergrationRuntimePage extends MigrationWizardPage {
 				'font-weight': 'bold',
 			}
 		}).component();
-		this._location = this._view.modelBuilder.inputBox().withProps({
+		this._location = this._view.modelBuilder.text().withProps({
 			enabled: false,
-			required: true,
 			width: WIZARD_INPUT_COMPONENT_WIDTH,
+			CSSStyles: {
+				'font-size': '13px',
+				'margin': '0px 0px'
+			}
 		}).component();
 
 		const resourceGroupLabel = this._view.modelBuilder.text().withProps({