Remove inline-flex

Author: TrySound

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";

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