fix missing styles

[DavidFyon]

<template>
    <HeaderBar
        service-title="Design System"
        service-sub-title="Documentation du Design System"
    />
    <PageContainer>
        <h1 class="text-primary">{{ $config.public.title }}</h1>
        <TestComponent :msg="$config.public.message"/>
        <SelectBtnField label="Type de CERFA" :items="items" />
    </PageContainer>
    <FooterBar
        hide-a11y-link
        hide-cgu-link
        hide-cookies-link
        hide-legal-notice-link
        hide-sitemap-link
    >
        <p class="text-secondary mb-0">Contenu supplémentaire.</p>
    </FooterBar>
</template>

<script lang="ts">
import {defineComponent} from "vue";
import {PageContainer, HeaderBar, FooterBar, SelectBtnField} from "@cnamts/synapse-bridge";

export default defineComponent({
    components: {
        PageContainer,
        HeaderBar,
        FooterBar,
        SelectBtnField
    },
    data() {
        return {
            items: [
                {
                    text: "Demande de Pension d'Invalidité",
                    value: "invalidite",
                },
                {
                    text: "Demande de Pension d'Invalidité de Veuf(ve)",
                    value: "invalidite-veuf",

                },
                {
                    text: "Demande d'ASI",
                    value: "asi",
                },
            ]
        }
    }
});
</script>

<style lang="scss">
.vd-form-input {
    width: 400px !important;
}
</style>