diff --git a/packages/ui/material-ui/src/WalletDialog.tsx b/packages/ui/material-ui/src/WalletDialog.tsx
index 562bae8a4..c49060df8 100644
--- a/packages/ui/material-ui/src/WalletDialog.tsx
+++ b/packages/ui/material-ui/src/WalletDialog.tsx
@@ -162,7 +162,7 @@ export const WalletDialog: FC<WalletDialogProps> = ({
                             </Collapse>
                             <ListItem>
                                 <Button onClick={handleExpandClick}>
-                                    {expanded ? 'Less' : 'More'} options
+                                    {`${expanded ? 'Less' : 'More'} options`}
                                     {expanded ? <CollapseIcon /> : <ExpandIcon />}
                                 </Button>
                             </ListItem>
diff --git a/packages/ui/react-ui/src/Button.tsx b/packages/ui/react-ui/src/Button.tsx
index c79b5b3c9..86bfe2438 100644
--- a/packages/ui/react-ui/src/Button.tsx
+++ b/packages/ui/react-ui/src/Button.tsx
@@ -22,7 +22,7 @@ export const Button: FC<ButtonProps> = (props) => {
             type="button"
         >
             {props.startIcon && <i className="wallet-adapter-button-start-icon">{props.startIcon}</i>}
-            {props.children}
+            <span className="wallet-adapter-button-span">{props.children}</span>
             {props.endIcon && <i className="wallet-adapter-button-end-icon">{props.endIcon}</i>}
         </button>
     );
diff --git a/packages/ui/react-ui/src/WalletListItem.tsx b/packages/ui/react-ui/src/WalletListItem.tsx
index fb0355ed7..805edc89f 100644
--- a/packages/ui/react-ui/src/WalletListItem.tsx
+++ b/packages/ui/react-ui/src/WalletListItem.tsx
@@ -16,7 +16,7 @@ export const WalletListItem: FC<WalletListItemProps> = ({ handleClick, tabIndex,
         <li>
             <Button onClick={handleClick} startIcon={<WalletIcon wallet={wallet} />} tabIndex={tabIndex}>
                 {wallet.adapter.name}
-                {wallet.readyState === WalletReadyState.Installed && <span>Detected</span>}
+                {wallet.readyState === WalletReadyState.Installed && <span className="detected">Detected</span>}
             </Button>
         </li>
     );
diff --git a/packages/ui/react-ui/src/WalletModal.tsx b/packages/ui/react-ui/src/WalletModal.tsx
index c4853af72..2d9bf11ed 100644
--- a/packages/ui/react-ui/src/WalletModal.tsx
+++ b/packages/ui/react-ui/src/WalletModal.tsx
@@ -166,7 +166,7 @@ export const WalletModal: FC<WalletModalProps> = ({ className = '', container =
                                         onClick={handleCollapseClick}
                                         tabIndex={0}
                                     >
-                                        <span>{expanded ? 'Less ' : 'More '}options</span>
+                                        <span>{`${expanded ? 'Less' : 'More'} options`}</span>
                                         <svg
                                             width="13"
                                             height="7"
@@ -196,7 +196,9 @@ export const WalletModal: FC<WalletModalProps> = ({ className = '', container =
                                             onClick={handleCollapseClick}
                                             tabIndex={0}
                                         >
-                                            <span>{expanded ? 'Hide ' : 'Already have a wallet? View '}options</span>
+                                            <span>
+                                                {`${expanded ? 'Hide' : 'Already have a wallet? View'} options`}
+                                            </span>
                                             <svg
                                                 width="13"
                                                 height="7"
diff --git a/packages/ui/react-ui/styles.css b/packages/ui/react-ui/styles.css
index 10c54b196..f57676c73 100644
--- a/packages/ui/react-ui/styles.css
+++ b/packages/ui/react-ui/styles.css
@@ -245,7 +245,12 @@
     height: 28px;
 }
 
-.wallet-adapter-modal-list .wallet-adapter-button span {
+.wallet-adapter-modal-list .wallet-adapter-button-span {
+    display: inline-flex;
+    flex-basis: 100%;
+}
+
+.wallet-adapter-modal-list .wallet-adapter-button-span .detected {
     margin-left: auto;
     font-size: 14px;
     opacity: .6;