How to get indenting to show

[M-Xue]

I'm trying to get indenting to work in my Milkdown editor but it's not adding as much space as I would like an it is only doing it once. Am I missing some sort of CSS styling?

Below is the code I am using for a React component:

import React from 'react';
import { Editor, rootCtx } from '@milkdown/kit/core';
import { Milkdown, MilkdownProvider, useEditor } from '@milkdown/react';
import { commonmark } from '@milkdown/kit/preset/commonmark';
import { indent, indentConfig } from '@milkdown/plugin-indent';
import { history, historyKeymap } from '@milkdown/plugin-history';

const MilkdownEditorBase: React.FC = () => {
    const { get } = useEditor((root) =>
        Editor.make()
            .config((ctx) => {
                ctx.set(rootCtx, root);
                ctx.set(indentConfig.key, {
                    type: 'space',
                    size: 4,
                });
                ctx.set(historyKeymap.key, {
                    Undo: 'Mod-z',
                    Redo: ['Mod-y', 'Shift-Mod-z'],
                });
            })
            .use(commonmark)
            .use(indent)
            .use(history)
    );

    return <Milkdown />;
};

export const MilkdownEditor: React.FC = () => {
    return (
        <MilkdownProvider>
            <MilkdownEditorBase />
        </MilkdownProvider>
    );
};

export default MilkdownEditor;

[Saul-Mirone]

Did you import the css files from milkdown?