Issue #3488025 by ahmad khader: Fix visual style issues on layout builder

Remaining tasks

• File an issue about this project
• Addition/Change/Update/Fix to this project
• Testing to ensure no regression
• Automated unit/functional testing coverage
• Developer Documentation support on feature change/addition
• User Guide Documentation support on feature change/addition
• UX/UI designer responsibilities
• Accessibility and Readability
• Code review from 1 Varbase core team member
• Full testing and approval
• Credit contributors
• Review with the product owner
• Update Release Notes and Update Helper on new feature change/addition
• Release

Related to #3488025

css/theme/vlb-enhancements.base.css

@@ -237,6 +237,25 @@ body .layout-builder__message--overrides .messages {
   position: relative !important;
 }
 
+#drupal-off-canvas .option .bs_tooltip,
+#layout-builder-modal .option .bs_tooltip,
+.dialog-off-canvas-main-canvas .option .bs_tooltip {
+  width: auto;
+}
+
+#drupal-off-canvas .alert-dismissible .btn-close,
+#layout-builder-modal .alert-dismissible .btn-close,
+.dialog-off-canvas-main-canvas .alert-dismissible .btn-close {
+  width: .75rem !important;
+  mask-repeat: no-repeat;
+}
+
+#drupal-off-canvas .paragraphs-dropdown-actions .paragraphs-dropdown-action.button,
+#layout-builder-modal .paragraphs-dropdown-actions .paragraphs-dropdown-action.button,
+.dialog-off-canvas-main-canvas .paragraphs-dropdown-actions .paragraphs-dropdown-action.button {
+  width: 100% !important;
+}
+
 .dialog-off-canvas-main-canvas .block-help {
   margin-bottom: 1rem;
   padding: 1rem;