diff --git a/packages/website/ts/components/relayer_index/relayer_grid_tile.tsx b/packages/website/ts/components/relayer_index/relayer_grid_tile.tsx
index 02bc1b0146..431cf145b5 100644
--- a/packages/website/ts/components/relayer_index/relayer_grid_tile.tsx
+++ b/packages/website/ts/components/relayer_index/relayer_grid_tile.tsx
@@ -108,12 +108,13 @@ export const RelayerGridTile: React.StatelessComponent<RelayerGridTileProps> = (
 
 const GridTile = styled(PlainGridTile)`
     cursor: pointer;
-    transition: transform 0.2s ease;
     &:hover {
+        transition: transform 0.2s ease;
         transform: translate(0px, -3px);
     }
     ${media.small`
-        transform: none;
+        transform: none !important;
+        transition: none !important;
     `};
 `;
 
diff --git a/packages/website/ts/style/media.ts b/packages/website/ts/style/media.ts
index 3c992eb9f7..870d9a277a 100644
--- a/packages/website/ts/style/media.ts
+++ b/packages/website/ts/style/media.ts
@@ -2,7 +2,7 @@ import { css } from 'ts/style/theme';
 import { ScreenWidths } from 'ts/types';
 
 const generateMediaWrapper = (screenWidth: ScreenWidths) => (...args: any[]) => css`
-    @media (max-width: ${screenWidth}) {
+    @media (max-width: ${screenWidth}em) {
         ${css.apply(css, args)};
     }
 `;