diff --git a/src/components/modals/main/scss/index.scss b/src/components/modals/main/scss/index.scss
index 90a9ca68..1bece88e 100644
--- a/src/components/modals/main/scss/index.scss
+++ b/src/components/modals/main/scss/index.scss
@@ -81,7 +81,7 @@
   // animation
   opacity: 0;
   transform: scale(0);
-  transition: all 300ms cubic-bezier(.47, 1.64, .41, 0.8);
+  transition: all 300ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
 }
 
 .ReactModal__Content--after-open {
diff --git a/src/components/modals/main/scss/settings/_buttons.scss b/src/components/modals/main/scss/settings/_buttons.scss
index fbdc7805..499cfafe 100644
--- a/src/components/modals/main/scss/settings/_buttons.scss
+++ b/src/components/modals/main/scss/settings/_buttons.scss
@@ -116,6 +116,7 @@
 
 .removeFromMue {
   @extend %storebutton;
+
   border: 2px solid #ff4757;
   color: #ff4757;
 
diff --git a/src/components/modals/main/scss/settings/react-color-picker-gradient-picker-custom-styles.scss b/src/components/modals/main/scss/settings/react-color-picker-gradient-picker-custom-styles.scss
index d51f2be0..1870480b 100644
--- a/src/components/modals/main/scss/settings/react-color-picker-gradient-picker-custom-styles.scss
+++ b/src/components/modals/main/scss/settings/react-color-picker-gradient-picker-custom-styles.scss
@@ -16,6 +16,7 @@ div.color-preview-area > div > div:nth-child(5) {
 
 .input-field .label {
   color: inherit;
+  color: var(--modal-text) !important;
 }
 
 // other styling for themes support etc
@@ -27,10 +28,6 @@ div.color-preview-area > div > div:nth-child(5) {
   background-color: var(--modal-text) !important;
 }
 
-.input-field .label {
-  color: var(--modal-text) !important;
-}
-
 .gradient-type-item.active::after {
   border: 2px solid var(--modal-text) !important;
 }
diff --git a/src/components/widgets/background/scss/_photoinformation.scss b/src/components/widgets/background/scss/_photoinformation.scss
index 21c7870e..16f8961b 100644
--- a/src/components/widgets/background/scss/_photoinformation.scss
+++ b/src/components/widgets/background/scss/_photoinformation.scss
@@ -31,7 +31,7 @@
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
   color: var(--modal-text);
   position: fixed;
-  bottom: 2.9rem;  
+  bottom: 2.9rem;
   left: 0.7em;
   padding: 1rem;
   border-radius: 24px 24px 24px 0;
diff --git a/src/components/widgets/quicklinks/QuickLinks.jsx b/src/components/widgets/quicklinks/QuickLinks.jsx
index 06a9ea7c..0378179d 100644
--- a/src/components/widgets/quicklinks/QuickLinks.jsx
+++ b/src/components/widgets/quicklinks/QuickLinks.jsx
@@ -135,7 +135,7 @@ export default class QuickLinks extends React.PureComponent {
       } else {
         return link;
       }
-    }
+    };
 
     return (
       <div className='quicklinks-container'>
diff --git a/src/components/widgets/quicklinks/quicklinks.scss b/src/components/widgets/quicklinks/quicklinks.scss
index 9107a4c7..7b70f0b3 100644
--- a/src/components/widgets/quicklinks/quicklinks.scss
+++ b/src/components/widgets/quicklinks/quicklinks.scss
@@ -2,6 +2,13 @@
   position: relative;
   user-select: none;
 
+  border: none;
+  color: #fff;
+  font-size: 42px;
+  background: none;
+  cursor: pointer;
+  text-shadow: 0 0 10px rgb(0 0 0 / 60%);
+
   h3 {
     text-shadow: none;
     margin: 0;
@@ -61,15 +68,6 @@ textarea {
   color: white;
 }
 
-.quicklinks {
-  border: none;
-  color: #fff;
-  font-size: 42px;
-  background: none;
-  cursor: pointer;
-  text-shadow: 0 0 10px rgb(0 0 0 / 60%);
-}
-
 .quicklinks-container>a,
 .quicklinks-container>.quicklinks>button {
   display: inline;
diff --git a/src/components/widgets/time/clock.scss b/src/components/widgets/time/clock.scss
index c85d64fa..f5eec66a 100644
--- a/src/components/widgets/time/clock.scss
+++ b/src/components/widgets/time/clock.scss
@@ -22,7 +22,7 @@
   user-select: none;
 }
 
-.react-clock__hand__body, 
+.react-clock__hand__body,
 .react-clock__mark__body {
   background: map-get($theme-colours, 'main') !important;
   box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
diff --git a/src/scss/modules/_buttons.scss b/src/scss/modules/_buttons.scss
index afc07007..b8a90027 100644
--- a/src/scss/modules/_buttons.scss
+++ b/src/scss/modules/_buttons.scss
@@ -7,7 +7,7 @@
   border-radius: 24px;
   box-shadow: 0 5px 15px rgba(128, 161, 144, 0.4);
 
-  &:hover, 
+  &:hover,
   &:active {
     outline: none;
     background: none;
diff --git a/src/scss/modules/_toast.scss b/src/scss/modules/_toast.scss
index 55cad22b..7e2eb6f2 100644
--- a/src/scss/modules/_toast.scss
+++ b/src/scss/modules/_toast.scss
@@ -17,6 +17,7 @@
 .Toastify__close-button {
   margin-top: 10px;
   margin-right: 10px;
+  color: var(--modal-text) !important;
 }
 
 .Toastify__progress-bar--default {
@@ -29,10 +30,6 @@
   width: auto !important;
 }
 
-.Toastify__close-button {
-  color: var(--modal-text) !important;
-}
-
 .Toastify__toast--default {
   background: var(--background) !important;
 }