diff --git a/src/pages/SettingsPage.vue b/src/pages/SettingsPage.vue
index 41b1d31..48a7825 100644
--- a/src/pages/SettingsPage.vue
+++ b/src/pages/SettingsPage.vue
@@ -33,7 +33,7 @@
             <q-select
               dense
               :readonly="!user.isPermittedTo('settings', 'write')"
-              :class="[colorGroup ? 'col-md-4' : 'col-sm-6 col-md-12', 'q-pa-md']"
+              :class="[colorGroup ? 'col-md-4' : 'col-xs-12 col-sm-6 col-md-12', 'q-pa-md']"
               filled
               :label="$t('workspaces')"
               :options="localUser?.workspaces"
@@ -44,7 +44,7 @@
             <q-select
               dense
               :readonly="!user.isPermittedTo('settings', 'write')"
-              :class="[colorGroup ? 'col-md-4' : 'col-sm-6 col-md-12', 'q-pa-md']"
+              :class="[colorGroup ? 'col-md-4' : 'col-xs-12 col-sm-6 col-md-12', 'q-pa-md']"
               filled
               :label="$t('databaseName')"
               :options="databases"