diff --git a/src/app/structure-list/components/structure-details/structure-details.component.scss b/src/app/structure-list/components/structure-details/structure-details.component.scss
index 64c24b81cdaaa1035ced7982fed9c0e2ddaffb4c..b6d591c0176add20a30ebd9d14301553a9e0bf97 100644
--- a/src/app/structure-list/components/structure-details/structure-details.component.scss
+++ b/src/app/structure-list/components/structure-details/structure-details.component.scss
@@ -15,6 +15,7 @@
   position: fixed;
   z-index: $structure-details-z-index;
   height: 100%;
+  width: 100%;
 
   h1 {
     @include font-bold-24;
@@ -37,6 +38,10 @@
   width: 600px;
   box-shadow: 0px 12px 24px 0px rgba(0, 0, 0, 0.1);
   background-color: $white;
+
+  @media (max-width: 600px) {
+    width: 100%;
+  }
 }
 
 // Default section styles
@@ -77,6 +82,12 @@ section.actions {
   flex-direction: row;
   justify-content: space-around;
   overflow-y: auto;
+
+  @media (max-width: 600px) {
+    flex-wrap: wrap;
+    row-gap: 16px;
+  }
+
   .clickableDiv {
     text-align: center;
     max-width: 65px;