Further attempts at making the rain look less scuffed

internal/assets/static/main.css

@@ -733,7 +733,7 @@ body {
     flex-direction: column;
     width: calc(100% / 12);
     padding-top: 3px;
-    max-width: 3rem;
+    max-width: 30px;
 }
 
 .weather-column-value, .weather-columns:hover .weather-column-value {
@@ -1171,6 +1171,10 @@ body {
         /* hides content that peeks through the rounded borders of the mobile navigation */
         box-shadow: 0 var(--border-radius) 0 0 var(--color-background);
     }
+
+    .weather-column-rain::before {
+        background-size: 7px 7px;
+    }
 }
 
 @media (max-width: 1190px) and (display-mode: standalone) {