From 98b8f6e00e9fbf707072fa5e67311acc878f2e43 Mon Sep 17 00:00:00 2001
From: alexsparkes <alexsparkes@gmail.com>
Date: Sat, 24 Jan 2026 20:18:21 +0000
Subject: [PATCH] feat(Quote): adjust font size scaling and update quote
 container width for improved readability

---
 src/features/quote/Quote.jsx       | 4 ++--
 src/features/quote/scss/index.scss | 3 ++-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/features/quote/Quote.jsx b/src/features/quote/Quote.jsx
index 6ece07ed..741781fb 100644
--- a/src/features/quote/Quote.jsx
+++ b/src/features/quote/Quote.jsx
@@ -22,7 +22,7 @@ export default function Quote() {
   const [display, setDisplay] = useState('block');
   const [fontSize, setFontSize] = useState(() => {
     const zoomQuote = localStorage.getItem('zoomQuote');
-    return `${0.8 * Number((zoomQuote || 100) / 100)}em`;
+    return `${1.2 * Number((zoomQuote || 100) / 100)}em`;
   });
   const [authorDetails, setAuthorDetails] = useState(localStorage.getItem('authorDetails') === 'true');
   const [isLegacyStyle, setIsLegacyStyle] = useState(localStorage.getItem('widgetStyle') === 'legacy');
@@ -47,7 +47,7 @@ export default function Quote() {
         const widgetStyle = localStorage.getItem('widgetStyle');
 
         setDisplay(quoteSetting === 'false' ? 'none' : 'block');
-        setFontSize(`${0.8 * Number((zoomQuote || 100) / 100)}em`);
+        setFontSize(`${1.2 * Number((zoomQuote || 100) / 100)}em`);
         setAuthorDetails(authorDetailsSetting === 'true');
         setIsLegacyStyle(widgetStyle === 'legacy');
       } else if (data === 'marketplacequoteuninstall' || data === 'quoterefresh') {
diff --git a/src/features/quote/scss/index.scss b/src/features/quote/scss/index.scss
index 80412e09..e37f4a12 100644
--- a/src/features/quote/scss/index.scss
+++ b/src/features/quote/scss/index.scss
@@ -1,6 +1,7 @@
 @use 'scss/variables' as *;
 
 .quote {
+  display: block;
   font-size: 0.8em;
   text-shadow: 0 0 10px rgb(0 0 0 / 30%);
   cursor: initial;
@@ -10,7 +11,7 @@
 
   color: #fff;
   font-weight: 600;
-  width: 40vw;
+  max-width: 45vw;
 }
 
 .quoteauthor {