fix(graph): icon cutoff issue

stakwork · Dec 14, 2024 · 250db2d · 250db2d
1 parent c83a8fe
commit 250db2d
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/...BlueprintModal/Body/Editor/ColorPickerPopover/ColorPickerPopoverView/IconPicker/index.tsx b/...BlueprintModal/Body/Editor/ColorPickerPopover/ColorPickerPopoverView/IconPicker/index.tsx
@@ -2,8 +2,8 @@ import React from 'react'
 import styled, { css } from 'styled-components'
 import { Icons } from '~/components/Icons'
 import { Flex } from '~/components/common/Flex'
-import { colors } from '~/utils'
 import { useAppStore } from '~/stores/useAppStore'
+import { colors } from '~/utils'
 
 export const IconPicker: React.FC = () => {
   const { selectedIcon, setSelectedIcon } = useAppStore((s) => s)
@@ -127,5 +127,10 @@ const IconBox = styled.div<{ isSelected: boolean }>`
     height: 30px;
     object-fit: contain;
     color: white;
+
+    rect {
+      width: 1.5em;
+      height: 1.5em;
+    }
   }
 `
diff --git a/src/components/ModalsContainer/BlueprintModal/Body/Editor/index.tsx b/src/components/ModalsContainer/BlueprintModal/Body/Editor/index.tsx
@@ -778,6 +778,11 @@ const ColorPickerIconWrapper = styled.span<{ selectedColor?: string }>`
     height: 22px;
     object-fit: contain;
     color: white;
+
+    rect {
+      width: 1.5em;
+      height: 1.5em;
+    }
   }
 `