style: minor fixes + remove some unnecessary style classes

Author: kyrers

web/src/components/LightButton.tsx

@@ -16,7 +16,7 @@ const LightButton: React.FC<ILightButton> = ({ text, Icon, onClick, disabled, cl
     variant="primary"
     small
     className={cn(
-      "p-2 rounded-[7px]",
+      "p-2 rounded-[7px]!",
       "bg-transparent hover:bg-white-low-opacity-strong transition duration-100",
       "[&_.button-text]:text-klerosUIComponentsPrimaryText [&_.button-text]:font-normal",
       "lg:[&_.button-svg]:mr-0",

web/src/layout/Header/navbar/Menu/Settings/Notifications/FormContactDetails/EmailVerificationInfo.tsx

@@ -43,9 +43,10 @@ const EmailVerificationInfo: React.FC<IEmailInfo> = ({ toggleIsSettingsOpen }) =
           We sent you a verification email. Please, verify it.
           <br /> Didn’t receive the email?{" "}
           <Button
+            variant="secondary"
             className={clsx(
-              "inline-block bg-transparent p-0 focus:bg-transparent hover:bg-transparent",
-              "[&_.button-text]:text-sm [&_.button-text]:font-normal [&_.button-text]:text-klerosUIComponentsPrimaryBlue"
+              "inline-block bg-transparent p-0 border-none focus:bg-transparent hover:bg-transparent",
+              "[&_.button-text]:text-sm [&_.button-text]:font-normal"
             )}
             text="Resend it"
             onClick={resendVerificationEmail}

web/src/layout/Header/navbar/Menu/Settings/Notifications/FormContactDetails/FormContact.tsx

@@ -41,7 +41,7 @@ const FormContact: React.FC<IForm> = ({
         {contactLabel}
       </label>
       <TextField
-        className="flex flex-col items-center w-full [&_input]:text-sm"
+        className="items-center w-full [&_input]:text-sm"
         id="contact-input"
         variant={fieldVariant}
         value={contactInput}