From a699163b46d4fe0f3990b4694ba8603eb5aaa5df Mon Sep 17 00:00:00 2001
From: alexsparkes <turbomarshmello@gmail.com>
Date: Tue, 12 Apr 2022 22:05:57 +0100
Subject: [PATCH] fix: slider text, quote - Quote was being irritating on lower
 resolutions and would make it so the text for author would go outside - Text
 on slider was getting jammed together

---
 src/components/modals/main/settings/Slider.jsx | 2 +-
 src/components/widgets/quote/quote.scss        | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/modals/main/settings/Slider.jsx b/src/components/modals/main/settings/Slider.jsx
index 1404386d..8aaa23b9 100644
--- a/src/components/modals/main/settings/Slider.jsx
+++ b/src/components/modals/main/settings/Slider.jsx
@@ -63,7 +63,7 @@ export default class SliderComponent extends PureComponent {
       <>
         <span className={'sliderTitle'}>
           {this.props.title}
-          {Number(this.state.value / 100)}x
+          <span>{Number(this.state.value / 100)}x</span>
           <span className="link" onClick={this.resetItem}>
             <MdRefresh />
             {variables.language.getMessage(
diff --git a/src/components/widgets/quote/quote.scss b/src/components/widgets/quote/quote.scss
index e3f4ac4a..d2719182 100644
--- a/src/components/widgets/quote/quote.scss
+++ b/src/components/widgets/quote/quote.scss
@@ -8,6 +8,7 @@
   --shadow-shift: 0.125rem;
   color: #fff;
   font-weight: 600;
+  width: 40vw;
 }
 
 .quoteauthor {
@@ -122,10 +123,10 @@ h1.quoteauthor {
 
 .quotediv {
   animation: fadeIn 1s;
-  width: 40vw;
   display: flex;
   flex-direction: column;
   gap: 10px;
+  align-items: center;
   button {
     @include basicIconButton(11px, 1.3rem, ui);
   }