Remove inline-flex

webstudio-is · Oct 24, 2024 · 4c1cc41 · 4c1cc41
1 parent 3394eea
commit 4c1cc41
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 8 deletions.
diff --git a/apps/builder/app/builder/features/style-panel/controls/font-family/font-family-control.tsx b/apps/builder/app/builder/features/style-panel/controls/font-family/font-family-control.tsx
@@ -122,13 +122,11 @@ const FontsManagerButton = forwardRef<
   ComponentProps<typeof NestedInputButton>
 >((props, ref) => {
   return (
-    <Flex>
-      <EnhancedTooltip content="Open Font Manager">
-        <NestedInputButton {...props} ref={ref} tabIndex={-1}>
-          <UploadIcon />
-        </NestedInputButton>
-      </EnhancedTooltip>
-    </Flex>
+    <EnhancedTooltip content="Open Font Manager">
+      <NestedInputButton {...props} ref={ref} tabIndex={-1}>
+        <UploadIcon />
+      </NestedInputButton>
+    </EnhancedTooltip>
   );
 });
 FontsManagerButton.displayName = "FontsManagerButton";
diff --git a/packages/design-system/src/components/nested-input-button.tsx b/packages/design-system/src/components/nested-input-button.tsx
@@ -17,7 +17,7 @@ const style = css({
   ...textVariants.unit,
   color: theme.colors.foregroundSubtle,
   borderRadius: theme.borderRadius[2],
-  display: "inline-flex",
+  display: "flex",
   alignItems: "center",
   justifyContent: "center",
   whiteSpace: "pre", // to make nestedSelectButtonUnitless work as expected