diff --git a/pages/tools/generator.tsx b/pages/tools/generator.tsx
index 8a6b70124e5..0453fddf065 100644
--- a/pages/tools/generator.tsx
+++ b/pages/tools/generator.tsx
@@ -18,7 +18,7 @@ import Paragraph from '../../components/typography/Paragraph';
  */
 function renderButtons(): JSX.Element {
   return (
-    <div className='mt-8'>
+    <div className='mt-8 flex flex-wrap gap-4'>
       {/* <Button
         text="Learn more"
         href="/docs/tools/generator"
@@ -28,14 +28,10 @@ function renderButtons(): JSX.Element {
       /> */}
       <GithubButton
         text='View on Github'
-        className='w-full sm:w-auto'
+        className='w-full text-center sm:w-fit sm:text-left'
         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'
-      />
+      <Button text='View Docs' href='/docs/tools/generator' className='w-full text-center sm:w-fit sm:text-left' />
     </div>
   );
 }