From 69010baceba945372df4fe45099ec37d324cecbc Mon Sep 17 00:00:00 2001
From: BatJan <1932158+BatJan@users.noreply.github.com>
Date: Thu, 17 Nov 2022 14:29:40 +0100
Subject: [PATCH] Change style to class

---
 .../prevalue/blockgrid.blockconfiguration.area.overlay.html   | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/blockgrid/prevalue/blockgrid.blockconfiguration.area.overlay.html b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/blockgrid/prevalue/blockgrid.blockconfiguration.area.overlay.html
index 650ca29629..c117e0fbc3 100644
--- a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/blockgrid/prevalue/blockgrid.blockconfiguration.area.overlay.html
+++ b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/blockgrid/prevalue/blockgrid.blockconfiguration.area.overlay.html
@@ -32,7 +32,7 @@
                                       <localize key="blockEditor_areaAliasHelp">When using GetBlockGridHTML() to render the Block Grid, the alias will be rendered in the markup as a 'data-area-alias' attribute. Use the alias attribute to target the element for the area. Example. .umb-block-grid__area[data-area-alias="MyAreaAlias"] { ... }</localize>
                                     </umb-property-info-button>
                                     <div class="controls">
-                                        <input type="text" name="alias" ng-model="vm.area.alias" val-server="alias" style="width:100%" required umb-auto-focus/>
+                                        <input type="text" name="alias" ng-model="vm.area.alias" val-server="alias" class="w-100" required umb-auto-focus/>
                                     </div>
                                     <div ng-messages="blockGridBlockConfigurationAreaForm.alias.$error" class="red">
                                         <div ng-message="alias">
@@ -51,7 +51,7 @@
                                       <localize key="blockEditor_areaCreateLabelHelp">Override the label text for adding a new Block to this Area, Example: 'Add Widget'</localize>
                                     </umb-property-info-button>
                                     <div class="controls">
-                                        <input type="text" name="createLabel" ng-model="vm.area.createLabel" style="width:100%" umb-auto-focus/>
+                                        <input type="text" name="createLabel" ng-model="vm.area.createLabel" class="w-100" umb-auto-focus/>
                                     </div>
                                 </div>
                             </div>