diff --git a/android/app/src/main/assets/public/style.css b/android/app/src/main/assets/public/style.css
index 03d3858c..ce1b11cc 100644
--- a/android/app/src/main/assets/public/style.css
+++ b/android/app/src/main/assets/public/style.css
@@ -41,10 +41,15 @@ body {
     padding-top: env(safe-area-inset-top);
     background-color: var(--main-bg-color);
     overflow: hidden;
-}
-main, loading, body {
     display: flex;
     height: 100dvh;
+    width: 100%;
+}
+main, loading {
+    display: flex;
+    height: 100%;
+    width: 100%;
+    overflow: hidden;
 }
 loading {
     justify-content: center; 
@@ -152,7 +157,7 @@ roomcontent {
     display: flex;
     flex-direction: column;
 
-    height: 100dvh;
+    height: 100%;
     width: calc(100vw - (var(--icon-button-height) + (var(--button-margin) * 2) + var(--border-width)) - 17rem);
     border-right: var(--border-width) solid var(--light-border-color);
 }
@@ -160,16 +165,15 @@ roomcontent2 {
     display: flex;
     flex-direction: column;
 
-    height: calc(100dvh - (var(--button-height) * 1.5));
+    height: calc(100% - (var(--button-height) * 1.5));
     width: 100%;
 }
 
-
 sidebar {
     display: flex;
     flex-direction: column;
     
-    height: 100dvh;
+    height: 100%;
     width: calc(var(--icon-button-height) + (var(--button-margin) * 2) + var(--border-width));
     border-right: var(--border-width) solid var(--light-border-color);
 }
diff --git a/electron/assets/icon.png b/electron/assets/icon.png
index 6132e963..32ce8dd0 100644
Binary files a/electron/assets/icon.png and b/electron/assets/icon.png differ
diff --git a/icons/icon.png b/icons/icon.png
index 6132e963..32ce8dd0 100644
Binary files a/icons/icon.png and b/icons/icon.png differ
diff --git a/webroot/style.css b/webroot/style.css
index 03d3858c..ce1b11cc 100644
--- a/webroot/style.css
+++ b/webroot/style.css
@@ -41,10 +41,15 @@ body {
     padding-top: env(safe-area-inset-top);
     background-color: var(--main-bg-color);
     overflow: hidden;
-}
-main, loading, body {
     display: flex;
     height: 100dvh;
+    width: 100%;
+}
+main, loading {
+    display: flex;
+    height: 100%;
+    width: 100%;
+    overflow: hidden;
 }
 loading {
     justify-content: center; 
@@ -152,7 +157,7 @@ roomcontent {
     display: flex;
     flex-direction: column;
 
-    height: 100dvh;
+    height: 100%;
     width: calc(100vw - (var(--icon-button-height) + (var(--button-margin) * 2) + var(--border-width)) - 17rem);
     border-right: var(--border-width) solid var(--light-border-color);
 }
@@ -160,16 +165,15 @@ roomcontent2 {
     display: flex;
     flex-direction: column;
 
-    height: calc(100dvh - (var(--button-height) * 1.5));
+    height: calc(100% - (var(--button-height) * 1.5));
     width: 100%;
 }
 
-
 sidebar {
     display: flex;
     flex-direction: column;
     
-    height: 100dvh;
+    height: 100%;
     width: calc(var(--icon-button-height) + (var(--button-margin) * 2) + var(--border-width));
     border-right: var(--border-width) solid var(--light-border-color);
 }