diff --git a/src/app/pages/dashboard/weather/weather.component.scss b/src/app/pages/dashboard/weather/weather.component.scss
index 21b1d130..16203ecd 100644
--- a/src/app/pages/dashboard/weather/weather.component.scss
+++ b/src/app/pages/dashboard/weather/weather.component.scss
@@ -1,4 +1,6 @@
 @import '../../../@theme/styles/themes';
+@import '~@nebular/theme/styles/global/bootstrap/breakpoints';
+@import '~bootstrap/scss/mixins/breakpoints';
 
 @include nb-install-component() {
 
@@ -117,4 +119,11 @@
       }
     }
   }
+
+  @include media-breakpoint-down(xs) {
+    nb-card-body {
+      padding-left: 1rem;
+      padding-right: 1rem;
+    }
+  }
 }