I am using FileName.module.scss to style my react elements like so:

// this is my component

import React from "react";



import Aux from '../../hoc/Aux';

import classes from './Layout.module.scss';



const layout = (props) => (

    <Aux>

        <div>Toolbar, SideDrawer, Backdrop</div>

        <main className={classes.Content}>

            {props.children}

        </main>

    </Aux>

);



export default layout;

This is my SCSS:

.Content {

    margin-top: 72px;

    color:red;

}

I don't know why but the scss is not being applied to my main element, any ideas? Thank you!