diff --git a/src/components/table/repl.tsx b/src/components/table/repl.tsx
index f9a6db8..ec96558 100644
--- a/src/components/table/repl.tsx
+++ b/src/components/table/repl.tsx
@@ -49,10 +49,6 @@ export default function SqlRepl() {
     setCustomQuery(sqlFormat(customQuery));
   }, [queryHistory]);
 
-  useEffect(() => {
-    console.log(customQuery);
-  }, [customQuery]);
-
   const myCompletions = useCallback((context: CompletionContext) => {
     const word = context.matchBefore(/\w*/);
     if (!word || (word.from === word.to && !context.explicit)) return null;
diff --git a/src/components/table/table-data.tsx b/src/components/table/table-data.tsx
index 930894c..1c54264 100644
--- a/src/components/table/table-data.tsx
+++ b/src/components/table/table-data.tsx
@@ -41,7 +41,9 @@ const TableHeadCell: React.FC<{
       <HoverCard>
         <HoverCardTrigger asChild>
           <div className="flex cursor-pointer items-center space-x-1">
-            <span>{columnName}</span>
+            <span className="max-w-[200px] overflow-hidden truncate text-ellipsis whitespace-nowrap">
+              {columnName}
+            </span>
             {columnSchema && <ColumnIcon columnSchema={columnSchema} />}
           </div>
         </HoverCardTrigger>
diff --git a/src/components/table/table-section.tsx b/src/components/table/table-section.tsx
index f810963..795f272 100644
--- a/src/components/table/table-section.tsx
+++ b/src/components/table/table-section.tsx
@@ -88,7 +88,7 @@ export default function DBTable() {
 
   const renderQueryInput = useMemo(
     () => (
-      <div className="flex flex-col gap-2 md:flex-row">
+      <div className="flex flex-col gap-1 md:flex-row">
         <div className="flex-grow">
           <SqlRepl />
         </div>
@@ -152,7 +152,7 @@ export default function DBTable() {
   return (
     <div className="flex flex-col gap-3 pb-8">
       <section className="rounded-lg bg-gray-100 p-4 shadow-sm dark:bg-gray-700">
-        <div className="mb-[5px] flex items-center justify-between gap-2">
+        <div className="mb-[5px] flex items-center justify-between gap-1">
           <TableSelect />
           <div className="flex items-center justify-center gap-1">
             <ExportButtons />