diff --git a/web-src/src/components/ModalDialogAddUrlStream.vue b/web-src/src/components/ModalDialogAddUrlStream.vue
index 79b86e7c..d24fe692 100644
--- a/web-src/src/components/ModalDialogAddUrlStream.vue
+++ b/web-src/src/components/ModalDialogAddUrlStream.vue
@@ -7,7 +7,7 @@
           <div class="card">
             <div class="card-content">
               <p class="title is-4" v-text="$t('dialog.add.stream.title')" />
-              <form class="fd-has-margin-bottom" @submit.prevent="play">
+              <form class="mb-5" @submit.prevent="play">
                 <div class="field">
                   <p class="control is-expanded has-icons-left">
                     <input
diff --git a/web-src/src/components/ModalDialogAlbum.vue b/web-src/src/components/ModalDialogAlbum.vue
index bc7a988e..31358a0a 100644
--- a/web-src/src/components/ModalDialogAlbum.vue
+++ b/web-src/src/components/ModalDialogAlbum.vue
@@ -10,7 +10,7 @@
                 :artwork_url="album.artwork_url"
                 :artist="album.artist"
                 :album="album.name"
-                class="fd-has-shadow fd-has-margin-bottom fd-cover fd-cover-normal-image"
+                class="fd-has-shadow fd-cover fd-cover-normal-image mb-5"
               />
               <p class="title is-4">
                 <a
diff --git a/web-src/src/components/ModalDialogPlaylistSave.vue b/web-src/src/components/ModalDialogPlaylistSave.vue
index c620a036..04009151 100644
--- a/web-src/src/components/ModalDialogPlaylistSave.vue
+++ b/web-src/src/components/ModalDialogPlaylistSave.vue
@@ -7,7 +7,7 @@
           <div class="card">
             <div class="card-content">
               <p class="title is-4" v-text="$t('dialog.playlist.save.title')" />
-              <form class="fd-has-margin-bottom" @submit.prevent="save">
+              <form class="mb-5" @submit.prevent="save">
                 <div class="field">
                   <p class="control is-expanded has-icons-left">
                     <input
diff --git a/web-src/src/components/NavbarTop.vue b/web-src/src/components/NavbarTop.vue
index b7d58c88..b202069e 100644
--- a/web-src/src/components/NavbarTop.vue
+++ b/web-src/src/components/NavbarTop.vue
@@ -1,6 +1,6 @@
 <template>
   <nav
-    class="fd-top-navbar navbar is-light is-fixed-top"
+    class="navbar is-light is-fixed-top"
     :style="zindex"
     role="navigation"
     aria-label="main navigation"
diff --git a/web-src/src/components/SpotifyModalDialogAlbum.vue b/web-src/src/components/SpotifyModalDialogAlbum.vue
index 15bb364c..663a8598 100644
--- a/web-src/src/components/SpotifyModalDialogAlbum.vue
+++ b/web-src/src/components/SpotifyModalDialogAlbum.vue
@@ -10,7 +10,7 @@
                 :artwork_url="artwork_url"
                 :artist="album.artist"
                 :album="album.name"
-                class="fd-has-shadow fd-has-margin-bottom fd-cover fd-cover-normal-image"
+                class="fd-has-shadow fd-cover fd-cover-normal-image mb-5"
                 @load="artwork_loaded"
                 @error="artwork_error"
               />
diff --git a/web-src/src/mystyles.scss b/web-src/src/mystyles.scss
index 9bb1cfee..e9a6f144 100644
--- a/web-src/src/mystyles.scss
+++ b/web-src/src/mystyles.scss
@@ -31,14 +31,6 @@ a.navbar-item {
   cursor: move;
 }
 
-.fd-has-margin-top {
-  margin-top: 24px;
-}
-
-.fd-has-margin-bottom {
-  margin-bottom: 24px;
-}
-
 .fd-is-square .button {
   height: 27px;
   min-width: 27px;
diff --git a/web-src/src/pages/PageAlbum.vue b/web-src/src/pages/PageAlbum.vue
index 62ac0b8c..7ae0204f 100644
--- a/web-src/src/pages/PageAlbum.vue
+++ b/web-src/src/pages/PageAlbum.vue
@@ -6,7 +6,7 @@
         <h2 class="subtitle is-6 has-text-link has-text-weight-normal">
           <a class="has-text-link" @click="open_artist" v-text="album.artist" />
         </h2>
-        <div class="buttons fd-is-centered-mobile fd-has-margin-top">
+        <div class="buttons fd-is-centered-mobile mt-5">
           <a class="button is-small is-dark is-rounded" @click="play">
             <mdicon class="icon" name="shuffle" size="16" />
             <span v-text="$t('page.album.shuffle')" />
@@ -30,7 +30,7 @@
       </template>
       <template #content>
         <p
-          class="heading is-7 has-text-centered-mobile fd-has-margin-top"
+          class="heading is-7 has-text-centered-mobile mt-5"
           v-text="$t('page.album.track-count', { count: album.track_count })"
         />
         <list-tracks :tracks="tracks" :uris="album.uri" />
diff --git a/web-src/src/pages/PageAudiobooksAlbum.vue b/web-src/src/pages/PageAudiobooksAlbum.vue
index 905876e1..4b276d07 100644
--- a/web-src/src/pages/PageAudiobooksAlbum.vue
+++ b/web-src/src/pages/PageAudiobooksAlbum.vue
@@ -6,7 +6,7 @@
         <h2 class="subtitle is-6 has-text-link has-text-weight-normal">
           <a class="has-text-link" @click="open_artist" v-text="album.artist" />
         </h2>
-        <div class="buttons fd-is-centered-mobile fd-has-margin-top">
+        <div class="buttons fd-is-centered-mobile mt-5">
           <a class="button is-small is-dark is-rounded" @click="play">
             <mdicon class="icon" name="play" size="16" />
             <span v-text="$t('page.audiobooks.album.play')" />
@@ -30,7 +30,7 @@
       </template>
       <template #content>
         <p
-          class="heading is-7 has-text-centered-mobile fd-has-margin-top"
+          class="heading is-7 has-text-centered-mobile mt-5"
           v-text="
             $t('page.audiobooks.album.track-count', {
               count: album.track_count
diff --git a/web-src/src/pages/SettingsPageOnlineServices.vue b/web-src/src/pages/SettingsPageOnlineServices.vue
index f65a50c0..fc3a09f0 100644
--- a/web-src/src/pages/SettingsPageOnlineServices.vue
+++ b/web-src/src/pages/SettingsPageOnlineServices.vue
@@ -16,7 +16,7 @@
           <div class="notification is-size-7">
             <span v-text="$t('page.settings.services.spotify.requirements')" />
           </div>
-          <div class="fd-has-margin-top">
+          <div class="mt-5">
             <p
               class="content"
               v-html="$t('page.settings.services.spotify.grant-access')"
@@ -29,7 +29,7 @@
               <span v-text="$t('page.settings.services.spotify.reauthorize')" />
               <code v-text="spotify_missing_scope.join()" />
             </p>
-            <div class="field fd-has-margin-top">
+            <div class="field mt-5">
               <div class="control">
                 <a
                   class="button"
@@ -49,7 +49,7 @@
             </p>
             <div
               v-if="spotify.webapi_token_valid"
-              class="field fd-has-margin-top"
+              class="field mt-5"
             >
               <div class="control">
                 <a
diff --git a/web-src/src/pages/SettingsPageRemotesOutputs.vue b/web-src/src/pages/SettingsPageRemotesOutputs.vue
index 8c513da5..ceb353d7 100644
--- a/web-src/src/pages/SettingsPageRemotesOutputs.vue
+++ b/web-src/src/pages/SettingsPageRemotesOutputs.vue
@@ -66,7 +66,7 @@
           </div>
           <form
             v-if="output.needs_auth_key"
-            class="fd-has-margin-bottom"
+            class="mb-5"
             @submit.prevent="kickoff_verification(output.id)"
           >
             <div class="field is-grouped">
diff --git a/web-src/src/pages/SpotifyPageAlbum.vue b/web-src/src/pages/SpotifyPageAlbum.vue
index 96a3a899..589de5d8 100644
--- a/web-src/src/pages/SpotifyPageAlbum.vue
+++ b/web-src/src/pages/SpotifyPageAlbum.vue
@@ -10,7 +10,7 @@
             v-text="album.artists[0].name"
           />
         </h2>
-        <div class="buttons fd-is-centered-mobile fd-has-margin-top">
+        <div class="buttons fd-is-centered-mobile mt-5">
           <a class="button is-small is-dark is-rounded" @click="play">
             <mdicon class="icon" name="shuffle" size="16" />
             <span v-text="$t('page.spotify.album.shuffle')" />
@@ -34,7 +34,7 @@
       </template>
       <template #content>
         <p
-          class="heading is-7 has-text-centered-mobile fd-has-margin-top"
+          class="heading is-7 has-text-centered-mobile mt-5"
           v-text="
             $t('page.spotify.album.track-count', { count: album.tracks.total })
           "