diff --git a/src/index.html b/src/index.html
index eb8751c..67639f9 100644
--- a/src/index.html
+++ b/src/index.html
@@ -10,7 +10,7 @@
 <body class="theme-twitch">
     <div class="update-banner" id="updateBanner">
         <span id="updateText">Neue Version verfügbar!</span>
-        <div id="updateProgress" class="update-banner-progress-wrap" style="display: none;">
+        <div id="updateProgress" class="update-banner-progress-wrap is-hidden">
             <div class="update-banner-progress-track" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0" aria-label="Update download" id="updateProgressGauge">
                 <div id="updateProgressBar" class="update-banner-progress-bar"></div>
             </div>
diff --git a/src/renderer-updates.ts b/src/renderer-updates.ts
index 83d0c91..cb5c6c7 100644
--- a/src/renderer-updates.ts
+++ b/src/renderer-updates.ts
@@ -88,11 +88,11 @@ function setCheckButtonCheckingState(enabled: boolean): void {
 }
 
 function showUpdateBanner(): void {
-    byId('updateBanner').style.display = 'flex';
+    byId('updateBanner').classList.add('show');
 }
 
 function hideUpdateBanner(): void {
-    byId('updateBanner').style.display = 'none';
+    byId('updateBanner').classList.remove('show');
 }
 
 function setUpdateBannerAvailableUi(info: UpdateInfo): void {
@@ -103,7 +103,7 @@ function setUpdateBannerAvailableUi(info: UpdateInfo): void {
     updateBannerState = 'available';
 
     showUpdateBanner();
-    byId('updateProgress').style.display = 'none';
+    byId('updateProgress').classList.add('is-hidden');
 
     const bar = byId('updateProgressBar');
     bar.classList.remove('downloading');
@@ -123,7 +123,7 @@ function setDownloadPendingUi(): void {
     const button = byId<HTMLButtonElement>('updateButton');
     button.textContent = UI_TEXT.updates.downloading;
     button.disabled = true;
-    byId('updateProgress').style.display = 'block';
+    byId('updateProgress').classList.remove('is-hidden');
 
     const bar = byId('updateProgressBar');
     bar.classList.add('downloading');
@@ -149,7 +149,7 @@ function setDownloadReadyUi(info?: UpdateInfo): void {
     bar.style.width = '100%';
     byId('updateProgressGauge').setAttribute('aria-valuenow', '100');
 
-    byId('updateProgress').style.display = 'block';
+    byId('updateProgress').classList.remove('is-hidden');
     byId('updateText').textContent = `Version ${activeInfo.version} ${UI_TEXT.updates.ready}`;
     const button = byId<HTMLButtonElement>('updateButton');
     button.textContent = UI_TEXT.updates.installNow;
@@ -458,7 +458,7 @@ async function checkUpdate(): Promise<void> {
         setCheckButtonCheckingState(false);
 
         window.setTimeout(() => {
-            if (!manualUpdateOutcomeHandled && !updateReady && byId('updateBanner').style.display !== 'flex') {
+            if (!manualUpdateOutcomeHandled && !updateReady && !byId('updateBanner').classList.contains('show')) {
                 shouldOpenUpdateModalOnAvailable = false;
                 notifyUpdate(UI_TEXT.updates.latest, 'info');
             }
