diff --git a/web-src/src/components/ModalDialog.vue b/web-src/src/components/ModalDialog.vue
index eaf51f51..095e2922 100644
--- a/web-src/src/components/ModalDialog.vue
+++ b/web-src/src/components/ModalDialog.vue
@@ -9,7 +9,7 @@
               <p v-if="title" class="title is-4" v-text="title" />
               <slot name="modal-content" />
             </div>
-            <footer class="card-footer">
+            <footer class="card-footer is-clipped">
               <a class="card-footer-item has-text-dark" @click="$emit('close')">
                 <mdicon class="icon" name="cancel" size="16" />
                 <span
diff --git a/web-src/src/components/ModalDialogAddRss.vue b/web-src/src/components/ModalDialogAddRss.vue
index 3b8ac1c0..9295d08d 100644
--- a/web-src/src/components/ModalDialogAddRss.vue
+++ b/web-src/src/components/ModalDialogAddRss.vue
@@ -24,7 +24,7 @@
                 </div>
               </form>
             </div>
-            <footer v-if="loading" class="card-footer">
+            <footer v-if="loading" class="card-footer is-clipped">
               <a class="card-footer-item button is-loading">
                 <mdicon class="icon" name="web" size="16" />
                 <span
diff --git a/web-src/src/components/ModalDialogAddUrlStream.vue b/web-src/src/components/ModalDialogAddUrlStream.vue
index d24fe692..7339c870 100644
--- a/web-src/src/components/ModalDialogAddUrlStream.vue
+++ b/web-src/src/components/ModalDialogAddUrlStream.vue
@@ -32,7 +32,7 @@
                 />
               </a>
             </footer>
-            <footer v-else class="card-footer">
+            <footer v-else class="card-footer is-clipped">
               <a
                 class="card-footer-item has-text-danger"
                 @click="$emit('close')"
diff --git a/web-src/src/components/ModalDialogPlaylistSave.vue b/web-src/src/components/ModalDialogPlaylistSave.vue
index 04009151..5494980a 100644
--- a/web-src/src/components/ModalDialogPlaylistSave.vue
+++ b/web-src/src/components/ModalDialogPlaylistSave.vue
@@ -32,7 +32,7 @@
                 />
               </a>
             </footer>
-            <footer v-else class="card-footer">
+            <footer v-else class="card-footer is-clipped">
               <a
                 class="card-footer-item has-text-danger"
                 @click="$emit('close')"
diff --git a/web-src/src/components/ModalDialogRemotePairing.vue b/web-src/src/components/ModalDialogRemotePairing.vue
index 4c8073d1..0a4623d4 100644
--- a/web-src/src/components/ModalDialogRemotePairing.vue
+++ b/web-src/src/components/ModalDialogRemotePairing.vue
@@ -25,7 +25,7 @@
                 </div>
               </form>
             </div>
-            <footer class="card-footer">
+            <footer class="card-footer is-clipped">
               <a
                 class="card-footer-item has-text-danger"
                 @click="$emit('close')"