diff --git a/src/Components/DynamicFields.res b/src/Components/DynamicFields.res
index 31c0002bd..3fc1d3b90 100644
--- a/src/Components/DynamicFields.res
+++ b/src/Components/DynamicFields.res
@@ -493,14 +493,14 @@ let make = (
       ->React.array}
       <RenderIf condition={isRenderDynamicFieldsInsideBilling}>
         <div
-          className={`billing__section ${spacedStylesForBiilingDetails} w-full text-left`}
+          className={`billing-section ${spacedStylesForBiilingDetails} w-full text-left`}
           style={
             border: {isSpacedInnerLayout ? `1px solid ${themeObj.borderColor}` : ""},
             borderRadius: {isSpacedInnerLayout ? themeObj.borderRadius : ""},
             margin: {isSpacedInnerLayout ? `10px 0` : ""},
           }>
           <div
-            className="billing__details__text"
+            className="billing-details-text"
             style={
               marginBottom: "5px",
               fontSize: themeObj.fontSizeLg,