diff --git a/src/css/_layout.scss b/src/css/_layout.scss
index 4893e669e..08a2f2474 100644
--- a/src/css/_layout.scss
+++ b/src/css/_layout.scss
@@ -1,5 +1,5 @@
 $black: #454545;
-$max-width: 1024px;
+$max-width: 856px;
 
 html[lang="en"] {
   font-family: "Kanit Regular";
diff --git a/src/css/themes/blue/pages/_SurahIndex.scss b/src/css/themes/blue/pages/_SurahIndex.scss
index 7312c98e0..949668f21 100644
--- a/src/css/themes/blue/pages/_SurahIndex.scss
+++ b/src/css/themes/blue/pages/_SurahIndex.scss
@@ -1,6 +1,5 @@
 .root .content.theme.blue {
   @import "themes/blue/colors";
-
   .row.title {
     justify-content: center;
   }
@@ -26,9 +25,15 @@
   }
 }
 
+.root .content.theme.blue.en {
+  @import "themes/blue/colors";
+  .row.details span {
+    color: $gold2;
+  }
+}
+
 .root .content.theme.blue.ar {
   @import "themes/blue/colors";
-
   ul.body.index  {
     li.surah a {
       div:first-child .id {