diff --git a/src/components/text/__snapshots__/text_align.test.tsx.snap b/src/components/text/__snapshots__/text_align.test.tsx.snap
index 8853021b7dca..654d7589626d 100644
--- a/src/components/text/__snapshots__/text_align.test.tsx.snap
+++ b/src/components/text/__snapshots__/text_align.test.tsx.snap
@@ -2,26 +2,26 @@
 
 exports[`EuiTextAlign direction prop center is rendered 1`] = `
 <div
-  class="euiTextAlign euiTextAlign--center"
+  class="css-155kyc0-euiTextAlign-center"
 />
 `;
 
 exports[`EuiTextAlign direction prop left is rendered 1`] = `
 <div
-  class="euiTextAlign euiTextAlign--left"
+  class="css-90la4n-euiTextAlign-left"
 />
 `;
 
 exports[`EuiTextAlign direction prop right is rendered 1`] = `
 <div
-  class="euiTextAlign euiTextAlign--right"
+  class="css-5onnip-euiTextAlign-right"
 />
 `;
 
 exports[`EuiTextAlign is rendered 1`] = `
 <div
   aria-label="aria-label"
-  class="euiTextAlign euiTextAlign--left testClass1 testClass2"
+  class="testClass1 testClass2 css-90la4n-euiTextAlign-left"
   data-test-subj="test subject string"
 />
 `;
diff --git a/src/components/text/text_align.tsx b/src/components/text/text_align.tsx
index 389a16d1a9e1..7b79d6ead468 100644
--- a/src/components/text/text_align.tsx
+++ b/src/components/text/text_align.tsx
@@ -7,7 +7,6 @@
  */
 
 import React, { FunctionComponent, HTMLAttributes } from 'react';
-import classNames from 'classnames';
 import { CommonProps } from '../common';
 
 import { euiTextAlignStyles } from './text_align.styles';
@@ -22,17 +21,14 @@ export type EuiTextAlignProps = CommonProps &
 
 export const EuiTextAlign: FunctionComponent<EuiTextAlignProps> = ({
   children,
-  className,
   textAlign = 'left',
   ...rest
 }) => {
   const styles = euiTextAlignStyles();
   const cssStyles = [styles.euiTextAlign, styles[textAlign]];
 
-  const classes = classNames('euiTextAlign', className);
-
   return (
-    <div css={cssStyles} className={classes} {...rest}>
+    <div css={cssStyles} {...rest}>
       {children}
     </div>
   );