diff --git a/client/src/components/Main/SubmitButton.jsx b/client/src/components/Main/SubmitButton.jsx
index 7b1567eccf..1aa437e26e 100644
--- a/client/src/components/Main/SubmitButton.jsx
+++ b/client/src/components/Main/SubmitButton.jsx
@@ -11,7 +11,7 @@ export default function SubmitButton({ submitMessage }) {
   if (isSubmitting) {
     return (
       <button
-        className="hover:bg-gray-100disabled:hover:bg-transparent absolute bottom-0 right-1 h-[100%] w-[30px] rounded-md p-1 text-gray-500 dark:hover:bg-gray-900 dark:hover:text-gray-400 dark:disabled:hover:bg-transparent md:right-2"
+        className="absolute bottom-0 right-1 h-[100%] w-[30px] rounded-md p-1 text-gray-500 hover:bg-gray-100 disabled:hover:bg-transparent dark:hover:bg-gray-900 dark:hover:text-gray-400 dark:disabled:hover:bg-transparent md:right-2"
         disabled
       >
         <div className="text-2xl">
@@ -28,7 +28,7 @@ export default function SubmitButton({ submitMessage }) {
       disabled={disabled}
       className="group absolute bottom-0 right-0 flex h-[100%] w-[50px] items-center justify-center bg-transparent p-1 text-gray-500"
     >
-      <div className="p-2 pt-[10px] pb-[10px] dark:group-hover:bg-gray-900 dark:group-hover:text-gray-400 dark:group-disabled:hover:bg-transparent m-1 rounded-md group-hover:bg-gray-100 group-disabled:hover:bg-transparent">
+      <div className="m-1 rounded-md p-2 pt-[10px] pb-[10px] group-hover:bg-gray-100 group-disabled:hover:bg-transparent dark:group-hover:bg-gray-900 dark:group-hover:text-gray-400 dark:group-disabled:hover:bg-transparent">
         <svg
           stroke="currentColor"
           fill="none"