diff --git a/frontend/src/metabase/dashboard/components/DashboardGrid.styled.tsx b/frontend/src/metabase/dashboard/components/DashboardGrid.styled.tsx
index 2a405e59eedd173ee1b0e9bc3f757db4ac560173..7382d307b8ad8623a89642892cfe13d0e106c2d9 100644
--- a/frontend/src/metabase/dashboard/components/DashboardGrid.styled.tsx
+++ b/frontend/src/metabase/dashboard/components/DashboardGrid.styled.tsx
@@ -2,7 +2,6 @@ import { css } from "@emotion/react";
 import styled from "@emotion/styled";
 
 import DashboardS from "metabase/css/dashboard.module.css";
-import { color } from "metabase/lib/colors";
 
 import { FIXED_WIDTH } from "./Dashboard/Dashboard.styled";
 
@@ -36,7 +35,7 @@ export const DashboardCardContainer = styled.div<DashboardCardProps>`
     bottom: 0;
     right: 0;
     border-radius: 8px;
-    box-shadow: 0 0 0 1px ${color("border")};
+    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.13);
   }
 
   ${props =>