diff --git a/src/components/Elements/Button/Button.jsx b/src/components/Elements/Button/Button.jsx
index 97c44a47..ff717a87 100644
--- a/src/components/Elements/Button/Button.jsx
+++ b/src/components/Elements/Button/Button.jsx
@@ -50,7 +50,10 @@ const Button = forwardRef(
);
const linkButton = (
-
+
{icon}
{label}
diff --git a/src/components/Elements/MainModal/scss/settings/modules/tabs/_about.scss b/src/components/Elements/MainModal/scss/settings/modules/tabs/_about.scss
index 47e554c8..a0d4c8a1 100644
--- a/src/components/Elements/MainModal/scss/settings/modules/tabs/_about.scss
+++ b/src/components/Elements/MainModal/scss/settings/modules/tabs/_about.scss
@@ -31,6 +31,8 @@
img {
width: 75px;
height: auto;
+ opacity: 0;
+ animation: fadeIn 0.5s ease-in-out forwards;
@include themed {
border-radius: t($borderRadius);
@@ -38,6 +40,17 @@
}
}
+@keyframes fadeIn {
+ from {
+ opacity: 0;
+ transform: scale(0.9);
+ }
+ to {
+ opacity: 1;
+ transform: scale(1);
+ }
+}
+
.subtitle-photographers {
font-size: 16px;
diff --git a/src/features/misc/sections/About.jsx b/src/features/misc/sections/About.jsx
index e15d80d1..22313b51 100644
--- a/src/features/misc/sections/About.jsx
+++ b/src/features/misc/sections/About.jsx
@@ -2,7 +2,7 @@ import variables from 'config/variables';
import { PureComponent } from 'react';
import { MdEmail, MdContactPage } from 'react-icons/md';
import { FaDiscord } from 'react-icons/fa';
-import { SiGithubsponsors, SiX } from 'react-icons/si';
+import { SiX } from 'react-icons/si';
import { BiDonateHeart } from 'react-icons/bi';
import { Tooltip, Button } from 'components/Elements';