Give more space to content beyond FullHd breakpoint

resources/js/components/FormWrapper.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="columns is-centered">
-        <div class="form-column column is-two-thirds-tablet is-half-desktop is-one-third-widescreen is-one-quarter-fullhd">
+        <div class="form-column column is-two-thirds-tablet is-half-desktop is-one-third-widescreen is-one-third-fullhd">
             <h1 class="title" v-html="title" v-if="title"></h1>
             <slot />
         </div>

resources/js/views/Groups.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="columns is-centered">
-        <div class="form-column column is-two-thirds-tablet is-half-desktop is-one-third-widescreen is-one-quarter-fullhd">
+        <div class="form-column column is-two-thirds-tablet is-half-desktop is-one-third-widescreen is-one-third-fullhd">
             <h1 class="title">
                 {{ $t('groups.groups') }}
             </h1>

resources/js/views/settings/Index.vue

@@ -2,7 +2,7 @@
     <div>
         <div class="options-header has-background-black-ter">
             <div class="columns is-centered">
-                <div class="form-column column is-two-thirds-tablet is-half-desktop is-one-third-widescreen is-one-quarter-fullhd">
+                <div class="form-column column is-two-thirds-tablet is-half-desktop is-one-third-widescreen is-one-third-fullhd">
             		<div class="tabs is-centered is-fullwidth">
             		    <ul>
                             <li v-for="tab in tabs" :class="{ 'is-active': tab.isActive }">