diff --git a/docs/index.md b/docs/index.md
index 6dc85138df4..2a8559c55f1 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -26,7 +26,7 @@ export const Hero = ({ children, color}) => {
         <div className='home-page-hero'>
             <div className='home-page-hero-left'>
                 <div style={{display: 'flex', flexDirection: 'row', alignItems: 'center', marginBottom: '12px'}}>
-                    <ClickHouseLogo width='180px' />
+                    <ClickHouseLogo width='220px' />
                 </div>
                 <div style={{fontSize: '16px', lineHeight: '1.4'}}>Learn how to use ClickHouse through guides, reference documentation, and videos</div>
             </div>
diff --git a/src/icons/ClickHouseLogo.jsx b/src/icons/ClickHouseLogo.jsx
index fe8be3a589d..6328c93cedb 100644
--- a/src/icons/ClickHouseLogo.jsx
+++ b/src/icons/ClickHouseLogo.jsx
@@ -2,7 +2,7 @@ import React from 'react'
 
 export default ({width}) => {
     return (
-      <svg width={width} height="34" viewBox="0 0 220 34" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <svg width={width} viewBox="0 0 220 34" fill="none" xmlns="http://www.w3.org/2000/svg">
         <path d="M2.8587 0H0.918881C0.411397 0 0 0.411397 0 0.918881V33.0793C0 33.5868 0.411397 33.9982 0.918881 33.9982H2.8587C3.36618 33.9982 3.77758 33.5868 3.77758 33.0793V0.918881C3.77758 0.411397 3.36618 0 2.8587 0Z" fill="white"/>
         <path d="M10.4142 0H8.47442C7.96694 0 7.55554 0.411397 7.55554 0.918881V33.0793C7.55554 33.5868 7.96694 33.9982 8.47442 33.9982H10.4142C10.9217 33.9982 11.3331 33.5868 11.3331 33.0793V0.918881C11.3331 0.411397 10.9217 0 10.4142 0Z" fill="white"/>
         <path d="M17.9699 0H16.0301C15.5226 0 15.1112 0.411397 15.1112 0.918881V33.0793C15.1112 33.5868 15.5226 33.9982 16.0301 33.9982H17.9699C18.4774 33.9982 18.8888 33.5868 18.8888 33.0793V0.918881C18.8888 0.411397 18.4774 0 17.9699 0Z" fill="white"/>