Update Text component properties as per user request

Devin-Applications · Jun 11, 2024 · 5d5b6af · 5d5b6af
1 parent 5ec6b4e
commit 5d5b6af
Showing 1 changed file with 3 additions and 5 deletions.
diff --git a/ui/components/app/selected-account/selected-account.component.js b/ui/components/app/selected-account/selected-account.component.js
@@ -12,7 +12,7 @@ import { ENVIRONMENT_TYPE_POPUP } from '../../../../shared/constants/app';
 import CustodyLabels from '../../institutional/custody-labels/custody-labels';
 ///: END:ONLY_INCLUDE_IF
 import { Icon, IconName, IconSize, Text } from '../../component-library';
-import { IconColor, TextVariant, TextColor, TextAlign, Display, AlignItems } from '../../../helpers/constants/design-system';
+import { IconColor, TextVariant, TextColor, TextAlign, Display, AlignItems, BlockSize } from '../../../helpers/constants/design-system';
 import { COPY_OPTIONS } from '../../../../shared/constants/copy';
 
 class SelectedAccount extends Component {
@@ -111,12 +111,10 @@ class SelectedAccount extends Component {
             <Text
               data-testid="selected-account-name"
               variant={TextVariant.bodyMd}
-              width="100%"
+              width={BlockSize.Full}
               fontWeight={500}
               color={TextColor.textDefault}
-              textOverflow="ellipsis"
-              overflow="hidden"
-              whiteSpace="nowrap"
+              ellipsis
               textAlign={TextAlign.Center}
               marginBottom={4}
             >