diff --git a/web/src/components/AboutSiteDialog.tsx b/web/src/components/AboutSiteDialog.tsx
index 436eae8b..aff70d12 100644
--- a/web/src/components/AboutSiteDialog.tsx
+++ b/web/src/components/AboutSiteDialog.tsx
@@ -3,7 +3,6 @@ import { useGlobalStore } from "../store/module";
 import Icon from "./Icon";
 import { generateDialog } from "./Dialog";
 import GitHubBadge from "./GitHubBadge";
-import "../less/about-site-dialog.less";
 
 type Props = DialogProps;
 
@@ -27,7 +26,7 @@ const AboutSiteDialog: React.FC<Props> = ({ destroy }: Props) => {
           <Icon.X />
         </button>
       </div>
-      <div className="dialog-content-container">
+      <div className="flex flex-col justify-start items-start max-w-full">
         <p className="text-sm">{customizedProfile.description || "No description"}</p>
         <div className="mt-4 flex flex-row text-sm justify-start items-center">
           <div className="flex flex-row justify-start items-center mr-2">
diff --git a/web/src/components/ChangeMemoCreatedTsDialog.tsx b/web/src/components/ChangeMemoCreatedTsDialog.tsx
index e8d9fc3e..124f9f52 100644
--- a/web/src/components/ChangeMemoCreatedTsDialog.tsx
+++ b/web/src/components/ChangeMemoCreatedTsDialog.tsx
@@ -5,7 +5,6 @@ import { useMemoStore } from "../store/module";
 import Icon from "./Icon";
 import { generateDialog } from "./Dialog";
 import toastHelper from "./Toast";
-import "../less/change-memo-created-ts-dialog.less";
 
 interface Props extends DialogProps {
   memoId: MemoId;
@@ -69,7 +68,7 @@ const ChangeMemoCreatedTsDialog: React.FC<Props> = (props: Props) => {
           <Icon.X />
         </button>
       </div>
-      <div className="dialog-content-container">
+      <div className="flex flex-col justify-start items-start !w-72 max-w-full">
         <p className="w-full bg-yellow-100 border border-yellow-400 rounded p-2 text-xs leading-4">
           THIS IS NOT A NORMAL BEHAVIOR. PLEASE MAKE SURE YOU REALLY NEED IT.
         </p>
@@ -80,7 +79,7 @@ const ChangeMemoCreatedTsDialog: React.FC<Props> = (props: Props) => {
           max={maxDatetimeValue}
           onChange={handleDatetimeInputChange}
         />
-        <div className="btns-container">
+        <div className="flex flex-row justify-end items-center mt-2 w-full">
           <span className="btn-text" onClick={handleCloseBtnClick}>
             {t("common.cancel")}
           </span>
diff --git a/web/src/less/about-site-dialog.less b/web/src/less/about-site-dialog.less
deleted file mode 100644
index efa36ecc..00000000
--- a/web/src/less/about-site-dialog.less
+++ /dev/null
@@ -1,13 +0,0 @@
-.about-site-dialog {
-  > .dialog-container {
-    @apply w-112 max-w-full;
-
-    > .dialog-content-container {
-      @apply flex flex-col justify-start items-start;
-
-      > p {
-        @apply my-1;
-      }
-    }
-  }
-}
diff --git a/web/src/less/change-memo-created-ts-dialog.less b/web/src/less/change-memo-created-ts-dialog.less
deleted file mode 100644
index 162a543f..00000000
--- a/web/src/less/change-memo-created-ts-dialog.less
+++ /dev/null
@@ -1,17 +0,0 @@
-.change-memo-created-ts-dialog {
-  > .dialog-container {
-    @apply w-72;
-
-    > .dialog-content-container {
-      @apply flex flex-col justify-start items-start;
-
-      > .tip-text {
-        @apply bg-gray-400 text-xs p-2 rounded-lg;
-      }
-
-      > .btns-container {
-        @apply flex flex-row justify-end items-center mt-2 w-full;
-      }
-    }
-  }
-}