increased overflow menu item with to show more text visible in menu link (#4038)

* increased overflow menu item with to show more text visible in menu link

* fixed lint issue

* format issued fixed

Author: anishkumar-bhut

packages/react/src/components/OverflowMenu/_overflow-menu.scss

@@ -32,3 +32,11 @@ button.#{$iot-prefix}--overflow-menu-icon {
   width: unset;
   font-size: 0.875rem;
 }
+
+.#{$prefix}--overflow-menu-options {
+  inline-size: 14rem;
+}
+
+.#{$prefix}--overflow-menu-options__btn {
+  max-inline-size: 14.25rem;
+}

packages/react/src/components/Table/TableToolbar/_table-toolbar.scss

@@ -11,6 +11,7 @@
 @use '@carbon/react/scss/components/data-table' as *;
 
 $duration-fast-02: 110ms;
+
 div.#{$prefix}--toolbar-action.#{$prefix}--toolbar-search-container-expandable {
   > div.#{$prefix}--search.#{$prefix}--search--sm.table-toolbar-search {
     flex-grow: 2;
@@ -113,6 +114,7 @@ html[dir='rtl'] {
     .#{$prefix}--action-list {
       left: 0;
       right: auto;
+
       .#{$prefix}--btn .#{$prefix}--btn__icon {
         margin-left: 0;
         margin-right: $spacing-03;
@@ -193,9 +195,3 @@ html[dir='rtl'] {
     }
   }
 }
-
-.#{$iot-prefix}--table-overflow-batch-actions__menu {
-  &:after {
-    // background-color: $hover-primary; // $hover-primary
-  }
-}