diff --git a/components/tablelist/TableUI.tsx b/components/tablelist/TableUI.tsx
index 1ba3df6..1cedd8f 100644
--- a/components/tablelist/TableUI.tsx
+++ b/components/tablelist/TableUI.tsx
@@ -57,7 +57,7 @@ export const TableUI = <T extends object>({
   }
   return (
     <div className="flex flex-col flex-grow">
-      <div className="w-full p-4 py-6 pr-6 pl-3 ">
+      <div className="w-full p-4 md:py-6 pr-6 pl-3 ">
         <div className="flex flex-row  text-2xl font-bold">{title}</div>
         {breadcrumb?.length ? (
           <BreadcrumbBetterLink data={breadcrumb} />
diff --git a/svg/Menu.tsx b/svg/Menu.tsx
index ec7bdd6..89c50ac 100644
--- a/svg/Menu.tsx
+++ b/svg/Menu.tsx
@@ -1,6 +1,16 @@
-import { SVGProps } from "react";
-const SvgComponent = (props: SVGProps<SVGSVGElement>) => (
-  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+import { SVGProps, Ref, forwardRef, memo } from "react";
+import { cn } from "../utils";
+const SvgComponent = (
+  props: SVGProps<SVGSVGElement>,
+  ref: Ref<SVGSVGElement>
+) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
+    ref={ref}
+    className={cn(`text-current`, props.className)}
+    {...props}
+  >
     <path
       fill="none"
       stroke="currentColor"
@@ -12,4 +22,6 @@ const SvgComponent = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export { SvgComponent as Menu };
+const ForwardRef = forwardRef(SvgComponent);
+const Memo = memo(ForwardRef);
+export { Memo as Menu };