diff --git a/src/widgets/dashDot/DashDotTile.tsx b/src/widgets/dashDot/DashDotTile.tsx
index b9f34c2d5..6f8c2629c 100644
--- a/src/widgets/dashDot/DashDotTile.tsx
+++ b/src/widgets/dashDot/DashDotTile.tsx
@@ -225,13 +225,9 @@ const fetchDashDotInfo = async (configName: string | undefined) => {
   ).data) as DashDotInfo;
 };
 
-export const useDashDotTileStyles = createStyles(() => ({
+export const useDashDotTileStyles = createStyles((theme) => ({
   graphsContainer: {
-    display: 'flex',
-    flexDirection: 'row',
-    flexWrap: 'wrap',
-    rowGap: 10,
-    columnGap: 10,
+    marginRight: theme.spacing.sm * -1, // fix because margin collapses weirdly
   },
 }));