fix icon styling in placeholder

wendymiaoo · Jun 13, 2024 · c799b34 · c799b34
1 parent ebab8f5
commit c799b34
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/vuu-ui/packages/vuu-layout/src/placeholder/LayoutStartPanel.tsx b/vuu-ui/packages/vuu-layout/src/placeholder/LayoutStartPanel.tsx
@@ -1,8 +1,8 @@
-import { Button } from "@salt-ds/core";
+import { IconButton } from "@finos/vuu-ui-controls";
 import { useComponentCssInjection } from "@salt-ds/styles";
 import { useWindow } from "@salt-ds/window";
 import { HTMLAttributes, useMemo, useState } from "react";
-import { useViewContext, QueryReponse } from "../layout-view-actions";
+import { QueryReponse, useViewContext } from "../layout-view-actions";
 
 import layoutStartPanelCss from "./LayoutStartPanel.css";
 
@@ -58,9 +58,9 @@ export const LayoutStartPanel = (htmlAttributes: LayoutStartPanelProps) => {
           </div>
         </>
       ) : null}
-      <Button
+      <IconButton
         className={`${classBase}-addButton`}
-        data-icon="add"
+        icon="add"
         variant="cta"
       />
     </div>