diff --git a/web/source/settings/style.css b/web/source/settings/style.css
index b63c47701..3d59ad5c5 100644
--- a/web/source/settings/style.css
+++ b/web/source/settings/style.css
@@ -278,11 +278,7 @@ input, select, textarea {
}
}
-.mutation-button {
- display: flex;
- flex-direction: column;
- gap: 1rem;
-}
+
.hidden {
display: none;
@@ -846,7 +842,15 @@ span.form-info {
}
}
-button.with-icon, .button.with-icon {
+.mutation-button {
+ width: fit-content;
+ display: flex;
+ flex-direction: column;
+ gap: 1rem;
+}
+
+button.with-icon,
+.button.with-icon {
display: flex;
align-content: center;
padding-right: calc(0.5rem + $fa-fw);
diff --git a/web/source/settings/views/moderation/domain-permissions/overview.tsx b/web/source/settings/views/moderation/domain-permissions/overview.tsx
index 645c51e93..1c919c14d 100644
--- a/web/source/settings/views/moderation/domain-permissions/overview.tsx
+++ b/web/source/settings/views/moderation/domain-permissions/overview.tsx
@@ -29,8 +29,11 @@ import { useDomainAllowsQuery, useDomainBlocksQuery } from "../../../lib/query/a
import type { MappedDomainPerms } from "../../../lib/types/domain-permission";
import { NoArg } from "../../../lib/types/query";
import { PermType } from "../../../lib/types/perm";
+import { useBaseUrl } from "../../../lib/navigation/util";
export default function DomainPermissionsOverview() {
+ const baseUrl = useBaseUrl();
+
// Parse perm type from routing params.
let params = useParams();
if (params.permType !== "blocks" && params.permType !== "allows") {
@@ -71,7 +74,7 @@ export default function DomainPermissionsOverview() {
permType={permType}
permTypeUpper={permTypeUpper}
/>
-
+
Or use the bulk import/export interface
>