diff --git a/web/styles/image_upload_widget.css b/web/styles/image_upload_widget.css
index e09931caf7..7fb9bb3091 100644
--- a/web/styles/image_upload_widget.css
+++ b/web/styles/image_upload_widget.css
@@ -139,11 +139,14 @@
 }
 
 .user-avatar-section,
-.realm-logo-section,
 .realm-icon-section {
     margin: 20px 0;
 }
 
+.realm-logo-section {
+    margin: 0 0 20px;
+}
+
 /* CSS related to settings page user avatar upload widget only */
 #user-avatar-upload-widget {
     .image-block {
@@ -184,25 +187,26 @@
 }
 
 #realm-day-logo-upload-widget {
-    background-color: hsl(0deg 100% 100%);
+    /* Match to light-theme --color-background-navbar. */
+    background-color: hsl(0deg 0% 97%);
+    padding: 5px;
 }
 
 #realm-night-logo-upload-widget {
-    background-color: hsl(212deg 28% 18%);
-}
-
-.realm-logo-block {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    padding: 0 20px;
+    /* Match to dark-theme --color-background-navbar. */
+    background-color: hsl(0deg 0% 13%);
+    padding: 5px;
 }
 
 .realm-logo-group {
     display: flex;
-    justify-content: space-around;
     flex-wrap: wrap;
+    gap: 20px;
+
+    .image_upload_button {
+        top: 0;
+        left: 0;
+    }
 }
 
 /* CSS  related to upload widget's preview image */
diff --git a/web/styles/settings.css b/web/styles/settings.css
index 01d972cade..bb7f03c8f0 100644
--- a/web/styles/settings.css
+++ b/web/styles/settings.css
@@ -1274,7 +1274,7 @@ $option_title_width: 180px;
     }
 
     & h5 {
-        font-size: 1.2em;
+        font-size: 1em;
         font-weight: normal;
         line-height: 1.2;
         margin: 10px 0;