From 756ab71302a981a6c55e766f672fe2672b4cb215 Mon Sep 17 00:00:00 2001
From: Steven <stevenlgtm@gmail.com>
Date: Sun, 7 Apr 2024 23:30:28 +0800
Subject: [PATCH] chore: tweak truncate styles

---
 web/src/components/CreateStorageServiceDialog.tsx | 4 +---
 web/src/components/UserBanner.tsx                 | 2 +-
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/web/src/components/CreateStorageServiceDialog.tsx b/web/src/components/CreateStorageServiceDialog.tsx
index d9be9dac..16d6d2c3 100644
--- a/web/src/components/CreateStorageServiceDialog.tsx
+++ b/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">
-          {t(isCreating ? "setting.storage-section.create-storage" : "setting.storage-section.update-storage")}
-        </span>
+        <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>
diff --git a/web/src/components/UserBanner.tsx b/web/src/components/UserBanner.tsx
index f2b957a1..d77f1c49 100644
--- a/web/src/components/UserBanner.tsx
+++ b/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