diff --git a/src/app/page.tsx b/src/app/page.tsx
index 2340967..230edd7 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -55,6 +55,8 @@ export default function Home() {
       }}
     >
       <main className="relative flex h-[95vh] flex-col items-center justify-center bg-transparent bg-opacity-80">
+      <Graph padding={padding} theme={theme} chartRef={chartRef} />
+
         <Menu
           padding={padding}
           setPadding={setPadding}
@@ -62,7 +64,6 @@ export default function Home() {
           setTheme={setTheme}
           handleExport={handleExport}
         />
-        <Graph padding={padding} theme={theme} chartRef={chartRef} />
         <div className="absolute bottom-0 left-0 right-0 p-4 text-white  text-center font-light">
           Made by{" "}
           <a
diff --git a/src/components/menu.tsx b/src/components/menu.tsx
index ebbafb7..a8342fc 100644
--- a/src/components/menu.tsx
+++ b/src/components/menu.tsx
@@ -23,7 +23,7 @@ export default function Menu({
   handleExport: () => void;
 }) {
   return (
-    <div className="absolute bottom-20 left-1/2 transform -translate-x-1/2 flex items-end space-x-4 p-4 rounded-lg bg-white border border-gray-500/25 shadow-xl ">
+    <div className="absolute bottom-14 left-1/2 transform -translate-x-1/2 flex items-end space-x-4 p-4 rounded-lg bg-white border border-gray-500/25 shadow-xl ">
       <div className="flex flex-col items-start justify-start">
         <span className="text-zinc-700 text-sm">Theme</span>
         <Select