diff --git a/slash/react/src/Form/File/File.tsx b/slash/react/src/Form/File/File.tsx
index d0b664bf2..13471c9eb 100644
--- a/slash/react/src/Form/File/File.tsx
+++ b/slash/react/src/Form/File/File.tsx
@@ -116,13 +116,12 @@ const File = ({
         <div>{placeholder}</div>
       </div>
       <Button
-        type="button"
-        className="af-btn"
-        classModifier="file hasIconLeft"
+        className="af-btn--file"
+        leftIcon={<i className={`glyphicon glyphicon-${icon}`} />}
         onClick={open}
         disabled={disabled}
       >
-        <i className={`glyphicon glyphicon-${icon}`} /> {label}
+        {label}
       </Button>
     </div>
   );
diff --git a/slash/react/src/ModalAgent/BooleanModal.tsx b/slash/react/src/ModalAgent/BooleanModal.tsx
index f56b5dcd3..0ac85310e 100644
--- a/slash/react/src/ModalAgent/BooleanModal.tsx
+++ b/slash/react/src/ModalAgent/BooleanModal.tsx
@@ -59,7 +59,7 @@ const BooleanModal = forwardRef<HTMLDialogElement, BooleanModalProps>(
         />
         <Body>{children}</Body>
         <Footer>
-          <Button classModifier="reverse" onClick={onCancel}>
+          <Button variant="secondary" onClick={onCancel}>
             {cancelTitle}
           </Button>
           <Button onClick={onSubmit}>{submitTitle}</Button>
