diff --git a/src/components/button/button.css b/src/components/button/button.css
index 1062748fe..1c145975c 100644
--- a/src/components/button/button.css
+++ b/src/components/button/button.css
@@ -1,4 +1,4 @@
-.button {
+.outlined-button {
     cursor: pointer;
     border-radius: 4px;
     padding: .75rem;
diff --git a/src/components/button/button.jsx b/src/components/button/button.jsx
index a85e8e6ab..5f26763be 100644
--- a/src/components/button/button.jsx
+++ b/src/components/button/button.jsx
@@ -29,7 +29,7 @@ const ButtonComponent = ({
     return (
         <span
             className={classNames(
-                styles.button,
+                styles.outlinedButton,
                 className
             )}
             role="button"