diff --git a/toolchains/solidity/extension/sidepanel/src/components/DeployButton/DeployButton.css b/toolchains/solidity/extension/sidepanel/src/components/DeployButton/DeployButton.css
deleted file mode 100644
index 286f8a28..00000000
--- a/toolchains/solidity/extension/sidepanel/src/components/DeployButton/DeployButton.css
+++ /dev/null
@@ -1,20 +0,0 @@
-.button-container {
-    display: flex;
-    justify-content: center;
-    margin-top: 1rem;
-  }
-  
-  .deploy-button {
-    background-color: #0E639C;
-    color: white;
-    padding: 0.5rem 0.5rem;
-    border: none;
-    cursor: pointer;
-    font-size: 16px;
-    opacity: 0.8;
-    transition: opacity 0.1s ease;
-  }
-  
-  .deploy-button:hover {
-    opacity: 1;
-  }
\ No newline at end of file
diff --git a/toolchains/solidity/extension/sidepanel/src/components/DeployButton/DeployButton.tsx b/toolchains/solidity/extension/sidepanel/src/components/DeployButton/DeployButton.tsx
deleted file mode 100644
index 3934ca46..00000000
--- a/toolchains/solidity/extension/sidepanel/src/components/DeployButton/DeployButton.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import './DeployButton.css';
-
-export const DeployButton = () => {
-  return (
-    <div className="button-container">
-      <button className="deploy-button">Deploy</button>
-    </div>
-  );
-};
diff --git a/toolchains/solidity/extension/sidepanel/src/pages/DeployPage/DeployPage.tsx b/toolchains/solidity/extension/sidepanel/src/pages/DeployPage/DeployPage.tsx
index db96d524..a6766ce6 100644
--- a/toolchains/solidity/extension/sidepanel/src/pages/DeployPage/DeployPage.tsx
+++ b/toolchains/solidity/extension/sidepanel/src/pages/DeployPage/DeployPage.tsx
@@ -2,8 +2,7 @@ import "./DeployPage.css";
 import { DeployParamsContainer } from '../../components/DeployParamsContainer/DeployParamsContainer.tsx';
 import { DeployUsingScript } from '../../components/DeployUsingScript/DeployUsingScript.tsx';
 import { DeployUsingContract } from '../../components/DeployUsingContract/DeployUsingContract.tsx';
-import { DeployButton } from '../../components/DeployButton/DeployButton.tsx';
-import { VSCodeDivider } from '@vscode/webview-ui-toolkit/react/index';
+import { VSCodeDivider,  VSCodeButton} from '@vscode/webview-ui-toolkit/react/index';
 
 export const DeployPage = () => {
   return (<div className="page-container">
@@ -13,6 +12,6 @@ export const DeployPage = () => {
     <VSCodeDivider className='divider'/>
     <DeployParamsContainer />
     <VSCodeDivider className='divider'/>
-    <DeployButton />
+    <VSCodeButton>Deploy</VSCodeButton>
   </div>);
 };
\ No newline at end of file