diff --git a/src/pages/Quiz.jsx b/src/pages/Quiz.jsx
index c2a0dfa..a323c2d 100644
--- a/src/pages/Quiz.jsx
+++ b/src/pages/Quiz.jsx
@@ -231,7 +231,7 @@ const Quiz = () => {
       justify='center'
       align='center'
       style={{
-        backgroundColor: 'rgba(255, 255, 255, 0.7)',
+        backgroundColor: 'rgba(255, 255, 255, 0.8)',
         border: 'crimson solid 4px',
         borderRadius: '20px',
         ...getContentMaxWidth(),
diff --git a/src/pages/Result.jsx b/src/pages/Result.jsx
index bff9cb8..aaba66d 100644
--- a/src/pages/Result.jsx
+++ b/src/pages/Result.jsx
@@ -174,7 +174,7 @@ const Result = () => {
       align='center'
       gap={20}
       style={{
-        backgroundColor: 'rgba(255, 255, 255, 0.7)',
+        backgroundColor: 'rgba(255, 255, 255, 0.8)',
         border: 'crimson solid 4px',
         borderRadius: '20px',
         ...getContentMaxWidth(),
diff --git a/src/pages/Welcome.jsx b/src/pages/Welcome.jsx
index a1418fd..75a500a 100644
--- a/src/pages/Welcome.jsx
+++ b/src/pages/Welcome.jsx
@@ -52,7 +52,7 @@ const Welcome = () => {
       align='center'
       gap={20}
       style={{
-        backgroundColor: 'rgba(255, 255, 255, 0.7)',
+        backgroundColor: 'rgba(255, 255, 255, 0.8)',
         border: 'crimson solid 4px',
         borderRadius: '20px',
         ...getContentMaxWidth(),