diff --git a/docs/src/pages/index.tsx b/docs/src/pages/index.tsx
index c49120126..9ac438a28 100644
--- a/docs/src/pages/index.tsx
+++ b/docs/src/pages/index.tsx
@@ -248,6 +248,11 @@ const CarouselSection = styled('div')`
     }
   }
 `;
+
+const StyledDatabaseImg = styled.img`
+  width: ${(props) => props.width};
+  height: ${(props) => props.height};
+`;
 interface featureProps {
   icon: React.ReactNode,
   title: string,
@@ -441,7 +446,7 @@ export default function Home(): JSX.Element {
                     title, imgName: imageName, width, height,
                   }) => (
                     <li>
-                      <img src={`img/databases/${imageName}`} width={width} height={height || 50} title={title} />
+                      <StyledDatabaseImg src={`img/databases/${imageName}`} title={title} width={width || 'auto'} height={height || '50px'}/>
                     </li>
                   ),
                 )}