diff --git a/src/components/LoadingSpinner/index.tsx b/src/components/LoadingSpinner/index.tsx
index 0df8c25..2c6f4e5 100644
--- a/src/components/LoadingSpinner/index.tsx
+++ b/src/components/LoadingSpinner/index.tsx
@@ -12,7 +12,8 @@ export const LoadingSpinner = (props: Props) => {
     case 'small':
       return (
         <div
-          className={`${styles.loadingSpinnerContainer} ${styles.withHeight}`}
+          className={`${styles.loadingSpinnerContainer}`}
+          data-variant={variant}
         >
           <div className={styles.loadingSpinner}></div>
         </div>
@@ -21,11 +22,12 @@ export const LoadingSpinner = (props: Props) => {
     default:
       return (
         <div className={styles.loadingSpinnerOverlay}>
-          <div className={styles.loadingSpinnerContainer}>
+          <div
+            className={styles.loadingSpinnerContainer}
+            data-variant={variant}
+          >
             <div className={styles.loadingSpinner}></div>
-            {desc && (
-              <p className={styles.loadingSpinnerDesc}>{'Loading...'}</p>
-            )}
+            {desc && <p className={styles.loadingSpinnerDesc}>{desc}</p>}
           </div>
         </div>
       )