diff --git a/web/src/components/MemberListView.tsx b/web/src/components/MemberListView.tsx
index f15616f..a1f1fff 100644
--- a/web/src/components/MemberListView.tsx
+++ b/web/src/components/MemberListView.tsx
@@ -51,7 +51,7 @@ const MemberListView: React.FC<Props> = (props: Props) => {
     showCommonDialog({
       title: "Delete Workspace Member",
       content: `Are you sure to delete member \`${workspaceUser.name}\` in this workspace?`,
-      style: "warning",
+      style: "danger",
       onConfirm: async () => {
         await deleteWorkspaceUser({
           workspaceId: workspaceId,
diff --git a/web/src/components/ShortcutListView.tsx b/web/src/components/ShortcutListView.tsx
index 4accdea..509ba0d 100644
--- a/web/src/components/ShortcutListView.tsx
+++ b/web/src/components/ShortcutListView.tsx
@@ -41,7 +41,7 @@ const ShortcutListView: React.FC<Props> = (props: Props) => {
     showCommonDialog({
       title: "Delete Shortcut",
       content: `Are you sure to delete shortcut \`${shortcut.name}\` in this workspace?`,
-      style: "warning",
+      style: "danger",
       onConfirm: async () => {
         await shortcutService.deleteShortcutById(shortcut.id);
       },
diff --git a/web/src/components/WorkspaceListView.tsx b/web/src/components/WorkspaceListView.tsx
index 8d9459d..cec5d39 100644
--- a/web/src/components/WorkspaceListView.tsx
+++ b/web/src/components/WorkspaceListView.tsx
@@ -31,7 +31,7 @@ const WorkspaceListView: React.FC<Props> = (props: Props) => {
     showCommonDialog({
       title: "Delete Workspace",
       content: `Are you sure to delete workspace \`${workspace.name}\`?`,
-      style: "warning",
+      style: "danger",
       onConfirm: async () => {
         await workspaceService.deleteWorkspaceById(workspace.id);
       },
diff --git a/web/src/components/WorkspaceSetting.tsx b/web/src/components/WorkspaceSetting.tsx
index 02d15d9..6e1075b 100644
--- a/web/src/components/WorkspaceSetting.tsx
+++ b/web/src/components/WorkspaceSetting.tsx
@@ -88,8 +88,8 @@ const WorkspaceSetting: React.FC<Props> = (props: Props) => {
     <>
       <div className="w-full flex flex-col justify-start items-start">
         <p className="text-3xl mt-4 mb-4">{workspace.name}</p>
-        <p className="mb-4">{workspace.description}</p>
-        <div className="border-t pt-4 mt-2 flex flex-row justify-start items-center">
+        <p className="mb-4">{workspace.description || "No description."}</p>
+        <div className="border-t pt-4 flex flex-row justify-start items-center">
           <div className="flex flex-row justify-start items-center space-x-2">
             {workspaceUser.role === "ADMIN" ? (
               <>