diff --git a/src/css/pages/SurahIndex.scss b/src/css/pages/SurahIndex.scss
index 7114a38..6fa2d4b 100644
--- a/src/css/pages/SurahIndex.scss
+++ b/src/css/pages/SurahIndex.scss
@@ -16,6 +16,7 @@ body .root .content.theme {
   ul.body.index {
     li.surah a {
       display: flex;
+      align-items: center;
       justify-content: space-between;
       min-height: 45px;
 
diff --git a/src/css/themes/blue/pages/_SurahIndex.scss b/src/css/themes/blue/pages/_SurahIndex.scss
index c616173..d30c04f 100644
--- a/src/css/themes/blue/pages/_SurahIndex.scss
+++ b/src/css/themes/blue/pages/_SurahIndex.scss
@@ -7,6 +7,10 @@
         color: $blue1;
       }
 
+      &:hover {
+        background: lighten($blue1, 38%);
+      }
+
       div:first-child {
         .id {
           color: $gold1;
diff --git a/src/css/themes/green/pages/_SurahIndex.scss b/src/css/themes/green/pages/_SurahIndex.scss
index ad7a865..7278591 100644
--- a/src/css/themes/green/pages/_SurahIndex.scss
+++ b/src/css/themes/green/pages/_SurahIndex.scss
@@ -5,6 +5,11 @@
     &:active, &:link, &:visited {
       color: $green1;
     }
+
+    &:hover {
+      background: $green1;
+      color: $white;
+    }
   }
 
   footer a {