diff --git a/next/src/components/console/SummarizeButton.tsx b/next/src/components/console/SummarizeButton.tsx
index 1ce2a95348..c911882b18 100644
--- a/next/src/components/console/SummarizeButton.tsx
+++ b/next/src/components/console/SummarizeButton.tsx
@@ -19,11 +19,11 @@ const Summarize = () => {
   return (
     <div
       className={clsx(
-        "mx-2 flex flex-row items-center gap-2 rounded-lg bg-slate-1 p-2 shadow-depth-1 transition duration-300 sm:mx-4",
+        "mr-2 flex flex-row items-center gap-2 rounded-lg bg-slate-1 p-2 shadow-depth-1 transition duration-300 sm:mr-4",
         "text-xs sm:text-base"
       )}
     >
-      <span className="hidden font-bold md:inline">Click here to summarize the conversation!</span>
+      <span className="font-bold">Click here to summarize the conversation!</span>
       <Button
         className="ml-auto py-1  sm:py-1  md:py-1"
         onClick={async () => {