diff --git a/docs/_static/css/custom.css b/docs/_static/css/custom.css
index d485c08039..c4de57454c 100644
--- a/docs/_static/css/custom.css
+++ b/docs/_static/css/custom.css
@@ -1,17 +1,11 @@
 /* Override theme styles */
 
-.cloud-card img {
-    right: -30px !important;
+.topic-box--product p {
+    margin-bottom: 0;
 }
 
-.enterprise-card img {
-    right: -25px !important;
-}
-
-@media  screen and (min-width: 1024px) {
-    .cloud-card .card,
-    .enterprise-card .card,
-    .opensource-card .card {
-        padding: 20px 30px !important;
+@media screen and (min-width: 640px) {
+    .hero__title {
+        max-width: 550px;
     }
 }
diff --git a/docs/index.rst b/docs/index.rst
index 88059605a0..3b402fbbf3 100644
--- a/docs/index.rst
+++ b/docs/index.rst
@@ -27,8 +27,8 @@
 
 .. topic-box::
   :title: ScyllaDB Cloud
+  :icon: scylla-icon scylla-icon--cloud
   :link: https://cloud.docs.scylladb.com
-  :image: /_static/img/mascots/scylla-cloud.svg
   :class: large-4 cloud-card
   :anchor: ScyllaDB Cloud Documentation
 
@@ -36,8 +36,8 @@
 
 .. topic-box::
   :title: ScyllaDB Enterprise
+  :icon: scylla-icon scylla-icon--enterprise-m
   :link: https://enterprise.docs.scylladb.com
-  :image: /_static/img/mascots/scylla-enterprise.svg
   :class: large-4 enterprise-card
   :anchor: ScyllaDB Enterprise Documentation
 
@@ -45,8 +45,8 @@
 
 .. topic-box::
   :title: ScyllaDB Open Source
+  :icon: scylla-icon scylla-icon--about-us-m
   :link: https://docs.scylladb.com/stable/getting-started/
-  :image: /_static/img/mascots/scylla-opensource.svg
   :class: large-4 opensource-card
   :anchor: ScyllaDB Open Source Documentation
 
@@ -163,4 +163,3 @@
   faq
   Contribute to ScyllaDB <contribute>
   alternator/alternator
-