diff --git a/src/views/WeatherView.vue b/src/views/WeatherView.vue
index 3c1a66c..2d46308 100644
--- a/src/views/WeatherView.vue
+++ b/src/views/WeatherView.vue
@@ -82,7 +82,7 @@ export default {
         <div class="panel-block">
 
           <div v-if="weatherStore.forecast"
-               style="display: flex;">
+               style="display: flex; overflow-x: scroll;">
 
             <div v-for="period in weatherStore.forecast.properties.periods"
                  :key="period.number"
@@ -138,7 +138,7 @@ export default {
 <style scoped>
 
 .weather-period {
-    width: 100px;
+    min-width: 100px;
     display: flex;
     flex-direction: column;
     align-items: center;