diff --git a/resources/js/components/FormWrapper.vue b/resources/js/components/FormWrapper.vue
index cdc001a0..4c6f1aee 100644
--- a/resources/js/components/FormWrapper.vue
+++ b/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>
diff --git a/resources/js/views/Groups.vue b/resources/js/views/Groups.vue
index 4fd11c60..277ad516 100644
--- a/resources/js/views/Groups.vue
+++ b/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>
diff --git a/resources/js/views/settings/Index.vue b/resources/js/views/settings/Index.vue
index 2df96238..27955a92 100644
--- a/resources/js/views/settings/Index.vue
+++ b/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 }">