diff --git a/pt_lightning_sphinx_theme/static/css/theme.css b/pt_lightning_sphinx_theme/static/css/theme.css
index 9c0df332..e1cc0064 100644
--- a/pt_lightning_sphinx_theme/static/css/theme.css
+++ b/pt_lightning_sphinx_theme/static/css/theme.css
@@ -11318,6 +11318,7 @@ a:hover {
   top: 0px;
   right: 0px;
   height: 96px;
+  width: 96px;
   opacity: 0.7;
 }
 #tutorial-cards-container .card.tutorials-card .tutorials-image img {
@@ -11326,12 +11327,13 @@ a:hover {
 }
 @media screen and (min-width: 768px) {
   #tutorial-cards-container .card.tutorials-card .tutorials-image {
-    height: 100%;
+    height: 198px;
+    width: 198px;
   }
 }
 @media (min-width: 768px) and (max-width: 1239px) {
   #tutorial-cards-container .card.tutorials-card .tutorials-image {
-    height: 100%;
+    height: 198px;
     width: 198px;
   }
 }
@@ -12426,4 +12428,4 @@ article.pytorch-article .tutorials-callout-container .btn.callout-button a {
   color: white;
 }
 
-/*# sourceMappingURL=theme.css.map */
\ No newline at end of file
+/*# sourceMappingURL=theme.css.map */
diff --git a/scss/_sphinx_base.scss b/scss/_sphinx_base.scss
index 9afa141d..6c7fa34d 100644
--- a/scss/_sphinx_base.scss
+++ b/scss/_sphinx_base.scss
@@ -1007,6 +1007,7 @@ a:hover {
       top: 0px;
       right: 0px;
       height: 96px;
+      width: 96px;
       opacity: 0.7;
       img {
         height: 100%;
@@ -1014,11 +1015,12 @@ a:hover {
       }
 
       @include desktop {
-        height: 100%;
+        height: 198px;
+        width: 198px;
       }
 
       @include small-desktop {
-        height: 100%;
+        height: 198px;
         width: 198px;
       }