diff --git a/packages/web/src/javascripts/Components/SuperEditor/Plugins/FloatingTextFormatToolbarPlugin/index.tsx b/packages/web/src/javascripts/Components/SuperEditor/Plugins/FloatingTextFormatToolbarPlugin/index.tsx
index 1d2401ab9..9ea41ba1e 100644
--- a/packages/web/src/javascripts/Components/SuperEditor/Plugins/FloatingTextFormatToolbarPlugin/index.tsx
+++ b/packages/web/src/javascripts/Components/SuperEditor/Plugins/FloatingTextFormatToolbarPlugin/index.tsx
@@ -78,7 +78,7 @@ const ToolbarButton = ({ active, ...props }: { active?: boolean } & ComponentPro
   return (
     <button
       className={classNames(
-        'flex rounded-lg p-3 hover:bg-contrast hover:text-text disabled:cursor-not-allowed',
+        'flex rounded-lg p-3 hover:bg-default hover:text-text disabled:cursor-not-allowed',
         active && 'bg-info text-info-contrast',
       )}
       {...props}