hotfix: maybe its some semantics

Author: jimmylee

app/page.tsx

@@ -1537,7 +1537,7 @@ int main() {
           <br />
           <br />
           <Card title="FILE SYSTEM">
-            <TreeView defaultValue={true} isRoot title="Animal Kingdom">
+            <TreeView defaultValue={true} isRoot title="Animal Kingdom" style={{ minWidth: '71ch' }}>
               <TreeView defaultValue={true} title="Chordata">
                 <TreeView defaultValue={true} title="Mammalia">
                   <TreeView defaultValue={true} title="Primates">

components/Row.module.scss

@@ -3,8 +3,6 @@
   outline: 0;
   border: 0;
   transition: 200ms ease background;
-  font-size: var(--font-size);
-  flex-shrink: 0;
 
   &:focus {
     background: var(--theme-focused-foreground);

components/Table.module.scss

@@ -6,6 +6,7 @@
   position: relative;
   width: 100%;
   border-spacing: 0px;
+  -webkit-text-size-adjust: 100%;
 }
 
 .body {

components/TableColumn.module.scss

@@ -7,6 +7,7 @@
   padding-left: 1ch;
   font-size: var(--font-size);
   flex-shrink: 0;
+  -webkit-text-size-adjust: 100%;
 
   &:first-child {
     padding-left: 0px;

components/TableRow.module.scss

@@ -6,6 +6,7 @@
 
   transition: transform 0.5s ease;
   border-spacing: 0px;
+  -webkit-text-size-adjust: 100%;
 
   &:focus {
     background: var(--theme-focused-foreground);

components/TreeView.module.scss

@@ -1,5 +1,6 @@
 .root {
   white-space: nowrap;
+  -webkit-text-size-adjust: 100%;
 }
 
 .item {

components/TreeView.tsx

@@ -5,17 +5,18 @@ import styles from '@components/TreeView.module.scss';
 import * as React from 'react';
 
 interface TreeViewProps {
-  defaultValue?: boolean;
-  title: string;
   children?: React.ReactNode;
+  defaultValue?: boolean;
   depth?: number;
   isFile?: boolean;
-  isRoot?: boolean;
   isLastChild?: boolean;
+  isRoot?: boolean;
   parentLines?: boolean[];
+  style?: any;
+  title: string;
 }
 
-const TreeView: React.FC<TreeViewProps> = ({ defaultValue = false, title, children, depth = 0, isFile = false, isRoot = false, isLastChild = false, parentLines = [] }) => {
+const TreeView: React.FC<TreeViewProps> = ({ defaultValue = false, title, children, depth = 0, isFile = false, isRoot = false, isLastChild = false, style, parentLines = [] }) => {
   const [show, setShow] = React.useState<boolean>(defaultValue);
 
   const onToggleShow = (): void => {
@@ -33,7 +34,7 @@ const TreeView: React.FC<TreeViewProps> = ({ defaultValue = false, title, childr
   const updatedParentLines = [...parentLines, !isLastChild];
 
   return (
-    <div className={styles.root}>
+    <div className={styles.root} style={style}>
       <div tabIndex={0} role="button" onClick={onToggleShow} className={styles.item} aria-expanded={show}>
         {prefix}
         {icon}