diff --git a/client/src/components/FourOhFour/404.css b/client/src/components/FourOhFour/404.css
index 967aeb80e92..1c57fd673bf 100644
--- a/client/src/components/FourOhFour/404.css
+++ b/client/src/components/FourOhFour/404.css
@@ -29,17 +29,10 @@
   text-align: left;
 }
 
-.quote-wrapper span {
-  font-size: 50px;
+.quote-wrapper .quote::before {
+  content: open-quote;
+  font-size: 25px;
   font-weight: 700;
-  color: var(--tertiary-color);
-  font-style: normal;
-  padding-inline-start: 15px;
-  padding-top: 5px;
-  position: absolute;
-  border-radius: 0;
-  top: 0;
-  left: 0;
 }
 
 .quote-wrapper .author {
diff --git a/client/src/components/FourOhFour/index.tsx b/client/src/components/FourOhFour/index.tsx
index e98cbe083c5..16659a238b8 100644
--- a/client/src/components/FourOhFour/index.tsx
+++ b/client/src/components/FourOhFour/index.tsx
@@ -23,10 +23,7 @@ const FourOhFour = (): JSX.Element => {
         <p>{t('404.heres-a-quote')}</p>
         <Spacer paddingSize={15} />
         <blockquote className='quote-wrapper'>
-          <p className='quote'>
-            <span>&#8220;</span>
-            {quote.quote}
-          </p>
+          <p className='quote'>{quote.quote}</p>
           <p className='author'>- {quote.author}</p>
         </blockquote>
       </div>