cut of studio name on studio adding dialog using css and not using the library...

cut of studio name on studio adding dialog using css and not using the library for that anymore, also displays full title as a title of the div

src/components/modal/addtostudio/modal.scss

@@ -112,11 +112,14 @@
     */
     margin: .575rem 2.18375rem .175rem .6875rem;
     width: 13.3125rem;
-    height: 1rem; /* diff from spec, in case we ever do valign to middle */
+    height: 1.25rem; /* diff from spec, in case we ever do valign to middle; changed to match line-height because else with overflow hidden it cuts off some letters */
     line-height: 1.25rem;
     font-family: "Helvetica Neue";
     font-size: .875rem;
     font-weight: regular;
+    overflow: hidden;
+    text-overflow:ellipsis;
+    white-space: nowrap;
 }
 
 .studio-selector-button-selected {

src/components/modal/addtostudio/studio-button.jsx

@@ -44,8 +44,9 @@ const StudioButton = ({
                     {'studio-selector-button-text-selected': includesProject || hasRequestOutstanding},
                     {'studio-selector-button-text-unselected': !includesProject && !hasRequestOutstanding}
                 )}
+                title={title}
             >
-                {truncateAtWordBoundary(title, 25)}
+                {title}
             </div>
             <div
                 className={classNames(