.df-ace-editor {
    height: 100%;
    width: 100%;
}

.df-ace-editor * {
    font-family: Monaco, Menlo, "Ubuntu Mono", Consolas, source-code-pro, monospace;
}

.fm-editor .outline-none {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}
/* TODO: Update MudBlazor to version where this issue is fixed
   https://github.com/MudBlazor/MudBlazor/issues/5651 */
.fm-editor .outline-none div[tabindex='-1'] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
}

.custom-control {
    margin-bottom: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
}