diff --git a/next-env.d.ts b/next-env.d.ts
index 4f11a03dc6c..a4a7b3f5cfa 100644
--- a/next-env.d.ts
+++ b/next-env.d.ts
@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/basic-features/typescript for more information.
+// see https://nextjs.org/docs/pages/building-your-application/configuring/typescript for more information.
diff --git a/pages/tools/generator.tsx b/pages/tools/generator.tsx
index 813250bc8b0..ae50810add0 100644
--- a/pages/tools/generator.tsx
+++ b/pages/tools/generator.tsx
@@ -16,7 +16,7 @@ import Paragraph from '../../components/typography/Paragraph';
  */
 function renderButtons(): JSX.Element {
   return (
-    <div className='mt-8'>
+    <div className='mt-8 space-y-5'>
       {/* <Button
         text="Learn more"
         href="/docs/tools/generator"
@@ -26,13 +26,13 @@ function renderButtons(): JSX.Element {
       /> */}
       <GithubButton
         text='View on Github'
-        className='w-full sm:w-auto'
+        className='w-full sm:w-fit'
         href='https://www.github.com/asyncapi/generator'
       />
       <Button
         text='View Docs'
         href='/docs/tools/generator'
-        className='ml-2 mt-2 block w-full sm:w-auto md:mt-0 md:inline-block'
+        className='md:ml-2 mt-2 block w-fit md:mt-0 md:inline-block'
       />
     </div>
   );