diff --git a/src/typescript/frontend/src/components/button/index.tsx b/src/typescript/frontend/src/components/button/index.tsx
index 17fe1d4ed..332d2acc4 100644
--- a/src/typescript/frontend/src/components/button/index.tsx
+++ b/src/typescript/frontend/src/components/button/index.tsx
@@ -68,27 +68,53 @@ const Button = <E extends React.ElementType = "button">({
             })}
 
           {!isScramble ? (
-            <FlexGap gap="8px" onMouseOver={replay} className="h-[1em]">
+            <FlexGap
+              gap="8px"
+              onMouseOver={replay}
+              justifyContent="space-between"
+              className="h-[1em]"
+            >
               <Text {...textProps}>{"{ "}</Text>
               {icon && (
                 <Text {...textProps} className="flex flex-row">
                   {icon}
                 </Text>
               )}
-              <Text {...textProps} className="flex flex-row">
+              <Text
+                {...textProps}
+                className="flex flex-row"
+                style={
+                  typeof children === "string"
+                    ? { minWidth: `${children.length + 1}ch`, textAlign: "center" }
+                    : {}
+                }
+              >
                 {children}
               </Text>
               <Text {...textProps}>{" }"}</Text>
             </FlexGap>
           ) : (
-            <FlexGap gap="8px" onMouseOver={replay} className="h-[1em]">
+            <FlexGap
+              gap="8px"
+              onMouseOver={replay}
+              className="h-[1em]"
+              justifyContent="space-between"
+            >
               <Text {...textProps}>{"{ "}</Text>
               {icon && (
                 <Text {...textProps} className="flex flex-row">
                   {icon}
                 </Text>
               )}
-              <Text {...textProps} ref={isScramble ? ref : undefined} />
+              <Text
+                {...textProps}
+                ref={isScramble ? ref : undefined}
+                style={
+                  typeof children === "string"
+                    ? { minWidth: `${children.length + 1}ch`, textAlign: "center" }
+                    : {}
+                }
+              />
               <Text {...textProps}>{" }"}</Text>
             </FlexGap>
           )}
diff --git a/src/typescript/frontend/src/components/header/components/mobile-menu/index.tsx b/src/typescript/frontend/src/components/header/components/mobile-menu/index.tsx
index 38b99a907..c158d60ae 100644
--- a/src/typescript/frontend/src/components/header/components/mobile-menu/index.tsx
+++ b/src/typescript/frontend/src/components/header/components/mobile-menu/index.tsx
@@ -95,7 +95,7 @@ export const MobileMenu: React.FC<MobileMenuProps> = ({
         <MobileMenuInner>
           {!geoblocked && (
             <ButtonWithConnectWalletFallback
-              className={"w-full"}
+              className={"w-full !px-0"}
               mobile={true}
               onClick={subMenuOnClick}
               arrow
diff --git a/src/typescript/frontend/src/components/header/wallet-button/ConnectWalletButton.tsx b/src/typescript/frontend/src/components/header/wallet-button/ConnectWalletButton.tsx
index 7426e805d..3344b5a6e 100644
--- a/src/typescript/frontend/src/components/header/wallet-button/ConnectWalletButton.tsx
+++ b/src/typescript/frontend/src/components/header/wallet-button/ConnectWalletButton.tsx
@@ -100,9 +100,9 @@ export const ButtonWithConnectWalletFallback = ({
               mobile={mobile}
             />
             <div className={!mobile ? "" : "text-black text-[32px] leading-[40px]"}>
-              <span
+              <div
                 className="whitespace-nowrap text-overflow-ellipsis overflow-hidden"
-                style={{ width, maxWidth: width }}
+                style={{ minWidth: width }}
                 ref={ref}
               />
             </div>
diff --git a/src/typescript/frontend/src/components/pages/emojicoin/components/main-info/MainInfo.tsx b/src/typescript/frontend/src/components/pages/emojicoin/components/main-info/MainInfo.tsx
index 4c2407174..719f29442 100644
--- a/src/typescript/frontend/src/components/pages/emojicoin/components/main-info/MainInfo.tsx
+++ b/src/typescript/frontend/src/components/pages/emojicoin/components/main-info/MainInfo.tsx
@@ -36,7 +36,6 @@ const LinkButton = ({
 }) => {
   const button = (
     <Button
-      isScramble={false}
       scale="lg"
       fakeDisabled={!link && !!LINKS?.discord && !!DISCORD_METADATA_REQUEST_CHANNEL}
       disabled={!link && !LINKS?.discord && !DISCORD_METADATA_REQUEST_CHANNEL}
@@ -245,9 +244,7 @@ const MainInfo = ({ data }: MainInfoProps) => {
               whileTap={{ scaleX: 0.96, scaleY: 0.98 }}
               transition={{ ease: "linear", duration: 0.05 }}
             >
-              <Button scale="lg" isScramble={false}>
-                copy coin address
-              </Button>
+              <Button scale="lg">copy coin address</Button>
             </motion.div>
             {dexscreenerButton}
             {twitterButton}