feat: increase tooltip width (#1313)

refactor: increase tooltip width

Author: setchy

src/components/fields/Tooltip.tsx

@@ -19,7 +19,7 @@ export const Tooltip: FC<ITooltip> = (props: ITooltip) => {
     >
       <QuestionIcon className="ml-1 text-blue-500" />
       {showTooltip && (
-        <div className="absolute z-10 rounded border border-gray-300 bg-white p-2 shadow dark:bg-gray-sidebar">
+        <div className="absolute z-10 w-60 rounded border border-gray-300 bg-white p-2 shadow dark:bg-gray-sidebar">
           <div className="text-left text-xs text-gray-700 dark:text-white">
             {props.tooltip}
           </div>

src/components/fields/__snapshots__/Tooltip.test.tsx.snap

@@ -244,7 +244,7 @@ export const SettingsRoute: FC = () => {
             }
             tooltip={
               <div>
-                When enabled you can choose to use the hotkeys{' '}
+                When enabled you can use the hotkeys{' '}
                 <span className="text-orange-600">
                   {Constants.DEFAULT_KEYBOARD_SHORTCUT}
                 </span>{' '}