diff --git a/src/app/structure-list/components/card/card.component.scss b/src/app/structure-list/components/card/card.component.scss
index 286a293e67ea6dee67949ed9ff5b2a4c6faf4ecc..927f6c2b8ee29ebe8701ed240aa4dba6d1d27669 100644
--- a/src/app/structure-list/components/card/card.component.scss
+++ b/src/app/structure-list/components/card/card.component.scss
@@ -12,6 +12,13 @@
   align-items: center;
   transition: all 0.2s ease-in-out;
 
+  &.orientation {
+    @media #{$phone} {
+      flex-direction: column;
+      align-items: flex-start;
+    }
+  }
+
   &.interactive {
     cursor: pointer;
     &:hover {