diff --git a/src/Izpalace/Izpalace.css b/src/Izpalace/Izpalace.css
index 7d506ad..5a45ff0 100644
--- a/src/Izpalace/Izpalace.css
+++ b/src/Izpalace/Izpalace.css
@@ -12,6 +12,26 @@
   transition: all 0.25s ease-in-out;
   grid-auto-flow: column;
 }
+
+@media (max-width: 480px) {
+  .iztro-palace {
+    padding: 2px;
+    grid-template-rows: auto auto auto 42px;
+  }
+
+  .iztro-palace-adj {
+    gap: 2px;
+  }
+
+  .iztro-palace-horo-star .stars {
+    gap: 2px;
+  }
+
+  .iztro-palace-fate {
+    gap: 2px;
+    height: 14px;
+  }
+}
 .iztro-palace.focused-palace {
   background-color: #aab8d32f;
 }
diff --git a/src/Iztrolabe/Iztrolabe.css b/src/Iztrolabe/Iztrolabe.css
index ce7a0f5..4a2db65 100644
--- a/src/Iztrolabe/Iztrolabe.css
+++ b/src/Iztrolabe/Iztrolabe.css
@@ -13,6 +13,12 @@
     "g0 g11 g10 g9";
 }
 
+@media (max-width: 480px) {
+  .iztro-astrolabe {
+    grid-gap: 2px;
+  }
+}
+
 .iztro-star-mutagen {
   font-weight: normal;
   font-size: var(--iztro-star-font-size-small);
@@ -45,4 +51,4 @@
   right: 0;
   height: 4px;
   transition: all 0.25s ease-in-out;
-}
\ No newline at end of file
+}
diff --git a/src/theme/default.css b/src/theme/default.css
index 7d8a608..0d758c8 100644
--- a/src/theme/default.css
+++ b/src/theme/default.css
@@ -20,6 +20,26 @@
   --iztro-color-hourly: var(--iztro-color-text);
 }
 
+@media (max-width: 480px) {
+  .iztro-astrolabe-theme-default {
+    --iztro-star-font-size-big: 12px;
+    --iztro-star-font-size-small: 10px;
+  }
+
+  .iztro-palace-name .iztro-palace-name-taichi {
+    font-size: 10px;
+    line-height: 12px;
+  }
+
+  .iztro-palace-center-item {
+    line-height: 18px;
+  }
+
+  .iztro-palace-fate span {
+    padding: 0 2px;
+  }
+}
+
 .iztro-astrolabe {
   text-align: left;
 }