diff --git a/flow_action_components/SendBetterEmail/force-app/main/default/lwc/sendBetterEmailUcModal/sendBetterEmailUcModal.html b/flow_action_components/SendBetterEmail/force-app/main/default/lwc/sendBetterEmailUcModal/sendBetterEmailUcModal.html
index 5bebef5b8..1d4f8cd29 100644
--- a/flow_action_components/SendBetterEmail/force-app/main/default/lwc/sendBetterEmailUcModal/sendBetterEmailUcModal.html
+++ b/flow_action_components/SendBetterEmail/force-app/main/default/lwc/sendBetterEmailUcModal/sendBetterEmailUcModal.html
@@ -15,7 +15,6 @@
             class="
               slds-button slds-button_icon
               slds-modal__close
-              slds-button_icon-inverse
             "
             title="Close"
             onclick={closeModal}
diff --git a/flow_screen_components/FlowScreenComponentsBasePack/force-app/main/default/lwc/fsc_fieldSelector3/fsc_fieldSelector3.html b/flow_screen_components/FlowScreenComponentsBasePack/force-app/main/default/lwc/fsc_fieldSelector3/fsc_fieldSelector3.html
index b5fb158d9..ed20dd695 100644
--- a/flow_screen_components/FlowScreenComponentsBasePack/force-app/main/default/lwc/fsc_fieldSelector3/fsc_fieldSelector3.html
+++ b/flow_screen_components/FlowScreenComponentsBasePack/force-app/main/default/lwc/fsc_fieldSelector3/fsc_fieldSelector3.html
@@ -13,7 +13,7 @@
                                 <button type="button"
                                     class="slds-input_faux slds-combobox__input slds-combobox__input-value"                                
                                     aria-expanded="false" aria-haspopup="listbox">
-                                    <span class="slds-truncate">{selectedField.label}</span>
+                                    <span style="overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; max-width: 100%;">{selectedField.label}</span>
                                 </button>
                                 <button class="slds-button slds-button_icon slds-input__icon slds-input__icon_right"
                                     title="Clear the text input" onclick={handleClearClick}>
@@ -54,9 +54,9 @@
                                                     </template>
                                                 </span>
                                                 <span class="slds-media__body">
-                                                    <span class="slds-truncate" title={field.label}>{field.label}</span>
+                                                    <span style="overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; max-width: 100%;" title={field.label}>{field.label}</span>
                                                     <span class="slds-listbox__option-meta" title={field.name}><span
-                                                            class="slds-truncate">{field.name}</span></span>
+                                                            style="overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; max-width: 100%;">{field.name}</span></span>
                                                 </span>
                                                 <template if:true={field.isLookup}>
                                                     <span
@@ -76,7 +76,7 @@
                                                 class="slds-media slds-listbox__option slds-listbox__option_entity slds-listbox__option_has-meta"
                                                 role="option">
                                                 <span class="slds-media__body">
-                                                    <span class="slds-truncate">
+                                                    <span style="overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; max-width: 100%;">
                                                         {noMatchString}
                                                     </span>
                                                 </span>
@@ -104,4 +104,4 @@
             There was an error fetching the fields for object '{objectName}': {errorMessage}
         </template>
     </div>
-</template>
\ No newline at end of file
+</template>
diff --git a/flow_screen_components/FlowScreenComponentsBasePack/force-app/main/default/lwc/fsc_pickIcon/fsc_pickIcon.html b/flow_screen_components/FlowScreenComponentsBasePack/force-app/main/default/lwc/fsc_pickIcon/fsc_pickIcon.html
index a1975eb2e..c5daad42e 100644
--- a/flow_screen_components/FlowScreenComponentsBasePack/force-app/main/default/lwc/fsc_pickIcon/fsc_pickIcon.html
+++ b/flow_screen_components/FlowScreenComponentsBasePack/force-app/main/default/lwc/fsc_pickIcon/fsc_pickIcon.html
@@ -193,7 +193,7 @@
                                                     </lightning-icon>
                                                 </span>
                                                 <span class="slds-media__body">
-                                                    <span class="slds-truncate"
+                                                    <span style="overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; max-width: 100%;"
                                                         title={icon.iconName}>{icon.iconName}</span>
                                                 </span>
                                             </div>
@@ -208,7 +208,7 @@
                                             <div class="slds-media slds-listbox__option slds-listbox__option_plain slds-media_small"
                                                 role="option">
                                                 <span class="slds-media__body">
-                                                    <span class="slds-truncate">{loadMoreString}</span>
+                                                    <span style="overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; max-width: 100%;">{loadMoreString}</span>
                                                 </span>
                                             </div>
 
@@ -221,7 +221,7 @@
                                             <div class="slds-media slds-listbox__option slds-listbox__option_plain slds-media_small"
                                                 role="option">
                                                 <span class="slds-media__body">
-                                                    <span class="slds-truncate">{noMatchesFoundString}</span>
+                                                    <span style="overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; max-width: 100%;">{noMatchesFoundString}</span>
                                                 </span>
                                             </div>
                                         </li>
@@ -238,4 +238,4 @@
             </template>
         </div>
     </div>
-</template>
\ No newline at end of file
+</template>
diff --git a/flow_screen_components/FlowScreenComponentsBasePack/force-app/main/default/lwc/fsc_toastMessage/fsc_toastMessage.html b/flow_screen_components/FlowScreenComponentsBasePack/force-app/main/default/lwc/fsc_toastMessage/fsc_toastMessage.html
index 8188daca4..60a067c29 100644
--- a/flow_screen_components/FlowScreenComponentsBasePack/force-app/main/default/lwc/fsc_toastMessage/fsc_toastMessage.html
+++ b/flow_screen_components/FlowScreenComponentsBasePack/force-app/main/default/lwc/fsc_toastMessage/fsc_toastMessage.html
@@ -10,7 +10,7 @@
                     <h2 class="slds-text-heading_small ">{message}</h2>
                 </div>
                 <div class="slds-notify__close">
-                    <button class="slds-button slds-button_icon slds-button_icon-inverse" title="Close" onclick={closeModel}>
+                    <button class="slds-button slds-button_icon" title="Close" onclick={closeModel}>
                         <lightning-icon icon-name="utility:close" size="small" variant="inverse"> </lightning-icon>
                         <span class="slds-assistive-text">Close</span>
                     </button>
@@ -18,4 +18,4 @@ <h2 class="slds-text-heading_small ">{message}</h2>
             </div>
         </div>
     </div>
-</template>
\ No newline at end of file
+</template>
diff --git a/flow_screen_components/datatable/force-app/main/default/lwc/ers_comboboxColumnType/ers_comboboxColumnType.html b/flow_screen_components/datatable/force-app/main/default/lwc/ers_comboboxColumnType/ers_comboboxColumnType.html
index c29b23716..5e0b3036e 100644
--- a/flow_screen_components/datatable/force-app/main/default/lwc/ers_comboboxColumnType/ers_comboboxColumnType.html
+++ b/flow_screen_components/datatable/force-app/main/default/lwc/ers_comboboxColumnType/ers_comboboxColumnType.html
@@ -14,7 +14,7 @@
 
     <template if:false={editMode}>
         <div class={cellClass}>
-            <div class={valueClass}>
+            <div class={valueClass} style="overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 100%;">
                 {value}
             </div>
             <div class="slds-align-middle slds-m-left_x-small">
diff --git a/flow_screen_components/datatable/force-app/main/default/lwc/ers_comboboxColumnType/ers_comboboxColumnType.js b/flow_screen_components/datatable/force-app/main/default/lwc/ers_comboboxColumnType/ers_comboboxColumnType.js
index 9c5855680..c959c1a6b 100644
--- a/flow_screen_components/datatable/force-app/main/default/lwc/ers_comboboxColumnType/ers_comboboxColumnType.js
+++ b/flow_screen_components/datatable/force-app/main/default/lwc/ers_comboboxColumnType/ers_comboboxColumnType.js
@@ -25,11 +25,11 @@ export default class ers_comboboxColumnType extends LightningElement {
 
     //bump left/right depending on alignment. For center, we will align the grids on a the cell level
     get valueClass() {
-        let _valueClass = "slds-col_bump-right slds-align-middle slds-truncate";
+        let _valueClass = "slds-col_bump-right slds-align-middle";
         if(this.alignment.includes("right")) {
-            _valueClass = "slds-col_bump-left slds-align-middle slds-truncate";
+            _valueClass = "slds-col_bump-left slds-align-middle";
         } else if(this.alignment.includes("center")) {
-            _valueClass = "slds-align-middle slds-truncate";
+            _valueClass = "slds-align-middle";
         }
         return _valueClass;
     }
diff --git a/flow_screen_components/datatable/force-app/main/default/lwc/ers_customLightningDatatable/ers_richTextColumnType.html b/flow_screen_components/datatable/force-app/main/default/lwc/ers_customLightningDatatable/ers_richTextColumnType.html
index 3d3357707..eaedaa4c3 100644
--- a/flow_screen_components/datatable/force-app/main/default/lwc/ers_customLightningDatatable/ers_richTextColumnType.html
+++ b/flow_screen_components/datatable/force-app/main/default/lwc/ers_customLightningDatatable/ers_richTextColumnType.html
@@ -1,7 +1,7 @@
 <template>
     <!-- a template for cell. File in the myCustomDatatable directory -->
     <template if:true={wrapText}>
-        <lightning-formatted-rich-text value={value} class="slds-truncate" style="white-space: normal">
+        <lightning-formatted-rich-text value={value} style="overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 100%;">
         </lightning-formatted-rich-text>
     </template>
     <template if:false={wrapText}>