diff --git a/ext/src/ui/options/assets/icons8-github-24.png b/ext/src/ui/options/assets/icons8-github-24.png
new file mode 100644
index 0000000..3292b25
Binary files /dev/null and b/ext/src/ui/options/assets/icons8-github-24.png differ
diff --git a/ext/src/ui/options/assets/icons8-github-48.png b/ext/src/ui/options/assets/icons8-github-48.png
new file mode 100644
index 0000000..a2ee366
Binary files /dev/null and b/ext/src/ui/options/assets/icons8-github-48.png differ
diff --git a/ext/src/ui/options/assets/icons8-icons8-24.png b/ext/src/ui/options/assets/icons8-icons8-24.png
new file mode 100644
index 0000000..8b8a277
Binary files /dev/null and b/ext/src/ui/options/assets/icons8-icons8-24.png differ
diff --git a/ext/src/ui/options/assets/icons8-icons8-48.png b/ext/src/ui/options/assets/icons8-icons8-48.png
new file mode 100644
index 0000000..e572845
Binary files /dev/null and b/ext/src/ui/options/assets/icons8-icons8-48.png differ
diff --git a/ext/src/ui/options/assets/icons8-paypal-24.png b/ext/src/ui/options/assets/icons8-paypal-24.png
new file mode 100644
index 0000000..54dcbb3
Binary files /dev/null and b/ext/src/ui/options/assets/icons8-paypal-24.png differ
diff --git a/ext/src/ui/options/assets/icons8-paypal-48.png b/ext/src/ui/options/assets/icons8-paypal-48.png
new file mode 100644
index 0000000..7a7396e
Binary files /dev/null and b/ext/src/ui/options/assets/icons8-paypal-48.png differ
diff --git a/ext/src/ui/options/index.tsx b/ext/src/ui/options/index.tsx
index 19d4b67..87c2a06 100644
--- a/ext/src/ui/options/index.tsx
+++ b/ext/src/ui/options/index.tsx
@@ -179,6 +179,82 @@ class OptionsApp extends Component<{}, OptionsAppState> {
 
         return (
             <div>
+                <details className="about">
+                    <summary>
+                        <h2>About</h2>
+                    </summary>
+                    <div className="about__container">
+                        <ul className="about__links">
+                            <li>
+                                <a className="about__link"
+                                   href="https://github.com/hensm/fx_cast">
+                                    <img src="assets/icons8-github-24.png"
+                                         srcSet="assets/icons8-github-48.png 2x"
+                                         width="24"
+                                         alt="GitHub icon" />
+                                    @hensm/fx_cast
+                                </a>
+                            </li>
+                            <li>
+                                <a className="about__link"
+                                    href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=3Z2FTMSG976WN&source=url">
+                                    <img src="assets/icons8-paypal-24.png"
+                                         srcSet="assets/icons8-paypal-48.png 2x"
+                                         width="24"
+                                         alt="PayPal icon" />
+                                    Donate via PayPal
+                                </a>
+                            </li>
+                            <li>
+                                <a className="about__link"
+                                    href="https://icons8.com">
+                                    <img src="assets/icons8-icons8-24.png"
+                                         srcSet="assets/icons8-icons8-48.png 2x"
+                                         width="24"
+                                         alt="icons8 icon" />
+                                    Icons by icons8
+                                </a>
+                            </li>
+                        </ul>
+
+                        <hr />
+
+                        <details className="about__license">
+                            <summary>
+                                <h3>License</h3>
+                            </summary>
+                            <textarea>
+                                { LICENSE.replace(/(\S)\n(\S)/g, "$1 $2") }
+                            </textarea>
+                        </details>
+
+                        <hr />
+
+                        <details className="about__translators">
+                            <summary>
+                                <h3>Translators</h3>
+                            </summary>
+                            <ul>
+                                <li className="translator">
+                                    @RAVMN
+                                    <div className="translator__tag">es</div>
+                                </li>
+                                <li className="translator">
+                                    @rimrul
+                                    <div className="translator__tag">de</div>
+                                </li>
+                                <li className="translator">
+                                    @ThaDaVos
+                                    <div className="translator__tag">nl</div>
+                                </li>
+                                <li className="translator">
+                                    @Vistaus
+                                    <div className="translator__tag">nl</div>
+                                </li>
+                            </ul>
+                        </details>
+                    </div>
+                </details>
                 <form id="form" ref={ form => { this.form = form; }}
                         onSubmit={ this.handleFormSubmit }
                         onChange={ this.handleFormChange }>
@@ -448,50 +524,6 @@ class OptionsApp extends Component<{}, OptionsAppState> {
                         </button>
                     </div>
                 </form>
-
-                <details className="about">
-                    <summary>
-                        <h2>ABOUT</h2>
-                    </summary>
-                    <div className="about__container">
-                        <h3>GitHub</h3>: <a href="https://github.com/hensm/fx_cast">@hensm/fx_cast</a>
-
-                        <hr />
-
-                        <details className="about__license">
-                            <summary>
-                                <h3>LICENSE</h3>
-                            </summary>
-                            <div className="about__license-text">
-                                { LICENSE.replace(/(\S)\n(\S)/g, "$1 $2") }
-                            </div>
-                        </details>
-
-                        <hr />
-
-                        <div className="about__translators">
-                            <h3>TRANSLATORS</h3>
-                            <ul>
-                                <li className="translator">
-                                    @RAVMN
-                                    <div className="translator__tag">es</div>
-                                </li>
-                                <li className="translator">
-                                    @rimrul
-                                    <div className="translator__tag">de</div>
-                                </li>
-                                <li className="translator">
-                                    @ThaDaVos
-                                    <div className="translator__tag">nl</div>
-                                </li>
-                                <li className="translator">
-                                    @Vistaus
-                                    <div className="translator__tag">nl</div>
-                                </li>
-                            </ul>
-                        </div>
-                    </div>
-                </details>
             </div>
         );
     }
diff --git a/ext/src/ui/options/styles/index.css b/ext/src/ui/options/styles/index.css
index aa44825..ad58acf 100644
--- a/ext/src/ui/options/styles/index.css
+++ b/ext/src/ui/options/styles/index.css
@@ -39,6 +39,10 @@
     .about hr {
         border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
     }
+
+    .about__link > img {
+        filter: invert(1);
+    }
 }
 
 *:invalid {
@@ -427,8 +431,8 @@ button.ghost:not(:hover) {
 
 
 .about {
-    border-radius: 5px;
-    margin-top: 30px;
+    border-radius: 2px;
+    margin-bottom: 40px;
     overflow: hidden;
 }
 
@@ -455,6 +459,7 @@ button.ghost:not(:hover) {
     font: inherit;
     font-weight: bold;
     margin: 5px 0;
+    text-transform: uppercase;
 }
 
 .about hr {
@@ -463,12 +468,26 @@ button.ghost:not(:hover) {
     margin: 10px 0;
 }
 
-.about__license-text {
-    cursor: text;
-    font-family: monospace;
-    pointer-events: initial;
-    user-select: text;
-    white-space: pre-line;
+.about__links {
+    margin: initial;
+    padding: initial;
+    list-style: none;
+}
+.about__link {
+    align-items: center;
+    display: inline-flex;
+    font-size: 1.2em;
+    gap: 5px;
+}
+.about__link > img {
+    vertical-align: middle;
+}
+
+.about__license > textarea {
+    height: 200px;
+    resize: vertical;
+    overflow-y: auto;
+    width: 100%;
 }
 
 .about__translators > ul {