diff --git a/src/components/modals/main/scss/index.scss b/src/components/modals/main/scss/index.scss
index a9b6acb2..51576fbd 100644
--- a/src/components/modals/main/scss/index.scss
+++ b/src/components/modals/main/scss/index.scss
@@ -188,6 +188,7 @@ h5 {
       flex-direction: row-reverse;
       justify-content: space-between;
       padding: 5px 5px 5px 20px;
+      transition: 0.3s;
 
       @include themed {
         background: t($modal-sidebar);
diff --git a/src/components/modals/main/settings/sections/Stats.jsx b/src/components/modals/main/settings/sections/Stats.jsx
index 5c0f7267..169d66ef 100644
--- a/src/components/modals/main/settings/sections/Stats.jsx
+++ b/src/components/modals/main/settings/sections/Stats.jsx
@@ -72,7 +72,7 @@ export default class Stats extends PureComponent {
     this.setState({
       stats: {},
     });
-    toast.success('Stats reset');
+    toast('Stats reset');
     this.getAchievements();
     this.forceUpdate();
   }
@@ -97,9 +97,16 @@ export default class Stats extends PureComponent {
 
     return (
       <>
-        <span className="mainTitle">
-          {variables.getMessage('modals.main.settings.sections.stats.title')}
-        </span>
+        <div className="statsTopBar">
+          <span className="mainTitle">
+            {variables.getMessage('modals.main.settings.sections.stats.title')}
+          </span>
+          <div className="statsReset">
+            <button onClick={() => this.resetStats()}>
+              <MdRestartAlt /> {variables.getMessage('modals.main.settings.buttons.reset')}
+            </button>
+          </div>{' '}
+        </div>
         <div className="stats">
           <div className="statSection rightPanel">
             <div className="statIcon">
@@ -178,9 +185,6 @@ export default class Stats extends PureComponent {
               </div>
             </div>
           </div>
-          <div className="statsReset">
-          <button onClick={() => this.resetStats()}><MdRestartAlt /> {variables.getMessage('modals.main.settings.buttons.reset')}</button>
-        </div>
           <div className="statSection leftPanel">
             <span className="title">
               {variables.getMessage('modals.main.settings.sections.stats.achievements')}
@@ -195,7 +199,7 @@ export default class Stats extends PureComponent {
           <div className="achievements">
             {this.state.achievements.map((achievement, index) => {
               if (achievement.achieved) {
-                return achievementElement(index, achievement.name, achievement.achieved)
+                return achievementElement(index, achievement.name, achievement.achieved);
               }
             })}
           </div>
diff --git a/src/components/modals/welcome/welcome.scss b/src/components/modals/welcome/welcome.scss
index 3f6a0764..ad5ae462 100644
--- a/src/components/modals/welcome/welcome.scss
+++ b/src/components/modals/welcome/welcome.scss
@@ -165,6 +165,7 @@
   display: flex;
   flex-flow: column;
   align-items: center;
+  transition: 0.3s;
 
   @include themed {
     background: t($modal-sidebar);
diff --git a/src/scss/_toast.scss b/src/scss/_toast.scss
index ef7af1b1..4921c2b8 100644
--- a/src/scss/_toast.scss
+++ b/src/scss/_toast.scss
@@ -16,6 +16,7 @@
 
 .Toastify__close-button {
   align-self: center !important;
+  color: var(--modal-text) !important;
 }
 
 .Toastify__progress-bar--default {
diff --git a/src/scss/index.scss b/src/scss/index.scss
index 7290aa6e..bd0d3a71 100644
--- a/src/scss/index.scss
+++ b/src/scss/index.scss
@@ -118,3 +118,16 @@ body {
     format('woff2');
   unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
 }
+
+
+.statsTopBar {
+  display: flex;
+  justify-content: space-between; 
+  align-items: center;
+  button {
+    margin-bottom: 15px;
+    flex-flow: row !important;
+    padding-left: 20px; 
+    padding-right: 20px;
+  }
+}
\ No newline at end of file