diff --git a/package.json b/package.json
index e4aa4187..082239af 100644
--- a/package.json
+++ b/package.json
@@ -62,4 +62,4 @@
     "lint:fix": "eslint \"./src/**/*.{js,jsx}\" --fix && stylelint \"./src/**/*.{scss,css}\" --fix",
     "postinstall": "husky install"
   }
-}
+}
\ No newline at end of file
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index c517388b..edd8ffd1 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -6204,4 +6204,4 @@ packages:
   /yocto-queue/0.1.0:
     resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
     engines: {node: '>=10'}
-    dev: true
+    dev: true
\ No newline at end of file
diff --git a/src/components/widgets/weather/Expanded.jsx b/src/components/widgets/weather/Expanded.jsx
index 4a778dd9..abe5f1f5 100644
--- a/src/components/widgets/weather/Expanded.jsx
+++ b/src/components/widgets/weather/Expanded.jsx
@@ -50,9 +50,11 @@ function Expanded({ state, weatherType, variables }) {
           <span>
             <WiWindy className="weatherIcon" />
             {state.weather.wind_speed}
-            <span className="minmax"> m/s</span>{' '}
+            <span className="minmax">m/s</span>{' '}
             {enabled('windDirection') ? (
+              <div style={{ fontSize: "25px", display: "grid" }}>
               <WindDirectionIcon className="weatherIcon" degrees={state.weather.wind_degrees} />
+              </div>
             ) : null}
           </span>
         </Tooltip>
@@ -67,7 +69,7 @@ function Expanded({ state, weatherType, variables }) {
           <span>
             <WiBarometer className="weatherIcon" />
             {state.weather.pressure}
-            <span className="minmax"> hPa</span>
+            <span className="minmax">hPa</span>
           </span>
         </Tooltip>
       ) : null}
diff --git a/src/components/widgets/weather/weather.scss b/src/components/widgets/weather/weather.scss
index bfd41926..e02c067d 100644
--- a/src/components/widgets/weather/weather.scss
+++ b/src/components/widgets/weather/weather.scss
@@ -97,7 +97,7 @@
   span {
     display: flex;
     align-items: center;
-    gap: 20px;
+    gap: 10px;
   }
 
   @include themed {