diff --git a/app/soapbox/features/ui/components/edit_federation_modal.js b/app/soapbox/features/ui/components/edit_federation_modal.js
new file mode 100644
index 0000000000..c83ba6557d
Binary files /dev/null and b/app/soapbox/features/ui/components/edit_federation_modal.js differ
diff --git a/app/soapbox/features/ui/components/modal_root.js b/app/soapbox/features/ui/components/modal_root.js
index 657df1a266..ab690d44ec 100644
Binary files a/app/soapbox/features/ui/components/modal_root.js and b/app/soapbox/features/ui/components/modal_root.js differ
diff --git a/app/styles/components/federation-restrictions.scss b/app/styles/components/federation-restrictions.scss
index b14b601f42..c18dae67d4 100644
--- a/app/styles/components/federation-restrictions.scss
+++ b/app/styles/components/federation-restrictions.scss
@@ -63,3 +63,9 @@
     }
   }
 }
+
+.edit-federation-modal {
+  background: var(--foreground-color);
+  border-radius: 8px;
+  padding: 20px;
+}