diff --git a/src/content/pages/elements.mdx b/src/content/pages/elements.mdx
index 64ff082..d3b8c90 100755
--- a/src/content/pages/elements.mdx
+++ b/src/content/pages/elements.mdx
@@ -10,7 +10,8 @@ draft: false
 <Tabs client:load>
 
 <Tab name="Tab 1">
-<h2>Tab 1</h2>
+
+### Tab 1
 
 Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
 
@@ -33,6 +34,22 @@ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
 Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo
 </Tab>
 
+<Tab name="Tab 1">
+<h2>Tab 4</h2>
+
+Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+
+Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo
+</Tab>
+
+<Tab name="Tab 5">
+<h2>Tab 5</h2>
+
+Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+
+Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo
+</Tab>
+
 </Tabs>
 
 # Heading 1
diff --git a/src/layouts/shortcodes/Tabs.tsx b/src/layouts/shortcodes/Tabs.tsx
index f8bb457..150e164 100644
--- a/src/layouts/shortcodes/Tabs.tsx
+++ b/src/layouts/shortcodes/Tabs.tsx
@@ -1,6 +1,6 @@
 import { marked } from "marked";
 import { number } from "prop-types";
-import React, { useEffect, useRef, useState } from "react";
+import React, {useState } from "react";
 
 function Tabs({ children }: { children: any }) {
 const [active,setAvtive]=useState(0)