diff --git a/deadlock-plugins/deadlock-extension/resources/styles/authenticationView.css b/deadlock-plugins/deadlock-extension/resources/styles/authenticationView.css
index d4cf5434e11b1f02a31cf7d011707eaa8638af0c..1677e347214ae84327a253f55ce3622c222b50cf 100644
--- a/deadlock-plugins/deadlock-extension/resources/styles/authenticationView.css
+++ b/deadlock-plugins/deadlock-extension/resources/styles/authenticationView.css
@@ -1,15 +1,7 @@
-.component {
- display: flex;
+vscode-button {
+ display: inline-block;
flex-direction: row;
- align-items: center;
- justify-content: left;
margin-top: 0.8em;
-}
-vscode-button {
margin-left: 0.6em;
justify-content: center;
-}
-vscode-checkbox {
- justify-content: center;
- vertical-align: middle;
}
\ No newline at end of file
diff --git a/deadlock-plugins/deadlock-extension/src/view/authenticationView.ts b/deadlock-plugins/deadlock-extension/src/view/authenticationView.ts
index 446897d374c2afb0e9141b5b5983d69f870ef835..86cf126ccc12967045043dc363bc44979967de07 100644
--- a/deadlock-plugins/deadlock-extension/src/view/authenticationView.ts
+++ b/deadlock-plugins/deadlock-extension/src/view/authenticationView.ts
@@ -71,13 +71,10 @@ export default class AuthenticationView implements WebviewViewProvider {
const js = getUri(webview, ['resources', 'js', 'authenticationView.js']);
const html =
- `<div class="component">
- <vscode-checkbox ${this._isAlreadyConnected ? 'checked ' : ''} readonly></vscode-checkbox>
- <vscode-button onclick="${
+ `<vscode-button onclick="${
this._isAlreadyConnected ? 'disconnectUserAction' : 'openAuthenticationPageAction'
}()">${this._isAlreadyConnected ? 'Déconnexion de' : 'Connexion à'} Deadlock
- </vscode-button>
- </div>`;
+ </vscode-button>`;
return `<!DOCTYPE html>
<html lang="en">