diff --git a/apps/app/components/pages/create-update-block-inline.tsx b/apps/app/components/pages/create-update-block-inline.tsx
index 26533d219..ce96deedb 100644
--- a/apps/app/components/pages/create-update-block-inline.tsx
+++ b/apps/app/components/pages/create-update-block-inline.tsx
@@ -313,7 +313,7 @@ export const CreateUpdateBlockInline: React.FC<Props> = ({
             <div className="m-2 mt-6 flex">
               <button
                 type="button"
-                className={`flex items-center gap-1 rounded px-1.5 py-1 text-xs hover:bg-brand-surface-1 ${
+                className={`flex items-center gap-1 rounded px-1.5 py-1 text-xs hover:bg-brand-surface-2 ${
                   iAmFeelingLucky ? "cursor-wait bg-brand-surface-1" : ""
                 }`}
                 onClick={handleAutoGenerateDescription}
@@ -330,7 +330,7 @@ export const CreateUpdateBlockInline: React.FC<Props> = ({
 
               <button
                 type="button"
-                className="ml-2 flex items-center gap-1 rounded px-1.5 py-1 text-xs hover:bg-brand-surface-1"
+                className="ml-2 flex items-center gap-1 rounded px-1.5 py-1 text-xs hover:bg-brand-surface-2"
                 onClick={() => setGptAssistantModal(true)}
               >
                 <SparklesIcon className="h-4 w-4" />