chore: tweak truncate styles

web/src/components/CreateStorageServiceDialog.tsx

@@ -107,9 +107,7 @@ const CreateStorageServiceDialog: React.FC<Props> = (props: Props) => {
   return (
     <>
       <div className="dialog-header-container">
-        <span className="title-text ml-auto">
+        <span>{t(isCreating ? "setting.storage-section.create-storage" : "setting.storage-section.update-storage")}</span>
-          {t(isCreating ? "setting.storage-section.create-storage" : "setting.storage-section.update-storage")}
-        </span>
         <IconButton size="sm" onClick={handleCloseBtnClick}>
           <Icon.X className="w-5 h-auto" />
         </IconButton>

web/src/components/UserBanner.tsx

@@ -29,7 +29,7 @@ const UserBanner = (props: Props) => {
   };
 
   return (
-    <div className="relative w-auto h-auto px-1 shrink-0">
+    <div className="relative w-full h-auto px-1 shrink-0">
       <Dropdown>
         <MenuButton disabled={!user} slots={{ root: "div" }}>
           <div