diff --git a/entrypoints/options/hooks/useOptionsStyles.ts b/entrypoints/options/hooks/useOptionsStyles.ts
index 1304f5d..6f4772c 100644
--- a/entrypoints/options/hooks/useOptionsStyles.ts
+++ b/entrypoints/options/hooks/useOptionsStyles.ts
@@ -41,5 +41,11 @@ export const useOptionsStyles = makeStyles({
flexFlow: "column",
alignItems: "flex-start",
gap: tokens.spacingVerticalSNudge
+ },
+ img:
+ {
+ height: "100px",
+ flexGrow: 1,
+ alignSelf: "flex-end"
}
});
diff --git a/entrypoints/options/layouts/AboutSection.tsx b/entrypoints/options/layouts/AboutSection.tsx
index 9491d5f..6864ce0 100644
--- a/entrypoints/options/layouts/AboutSection.tsx
+++ b/entrypoints/options/layouts/AboutSection.tsx
@@ -2,7 +2,7 @@ import { BuyMeACoffee20Regular } from "@/assets/BuyMeACoffee20";
import { bskyLink, buyMeACoffeeLink, githubLinks, storeLink, websiteLink } from "@/data/links";
import { useBmcStyles } from "@/hooks/useBmcStyles";
import extLink from "@/utils/extLink";
-import { Body1, Button, Caption1, Link, Subtitle1, Text } from "@fluentui/react-components";
+import { Body1, Button, Caption1, Image, Link, Subtitle1, Text } from "@fluentui/react-components";
import { PersonFeedback20Regular } from "@fluentui/react-icons";
import { useOptionsStyles } from "../hooks/useOptionsStyles";
import Package from "@/package.json";
@@ -19,25 +19,6 @@ export default function AboutSection(): React.ReactElement
- { i18n.t("options_page.about.licensed_under") } { i18n.t("options_page.about.mit_license") }
-
-
- { i18n.t("options_page.about.translation_cta.button") }
-
-
- { i18n.t("options_page.about.links.source") }
- { i18n.t("options_page.about.links.changelog") }
- { i18n.t("options_page.about.links.privacy") }
-