fix: display of preservation space element

src/app/features/preservation-space/components/routables/preservation-space-home/preservation-space-home.routable.html

 <h1>{{'preservation.space.home.title' | translate}}</h1>
 
-<div>
-  <dlcm-shared-tabs-container [tabs]="preservationSpaceTabs"
-                              [isLoading]="isLoadingObs | async"
-                              (tabChange)="setCurrentTab($event)"
-
-  >
-    <router-outlet></router-outlet>
-  </dlcm-shared-tabs-container>
-</div>
+<dlcm-shared-tabs-container [tabs]="preservationSpaceTabs"
+                            [isLoading]="isLoadingObs | async"
+                            (tabChange)="setCurrentTab($event)"
+>
+  <router-outlet></router-outlet>
+</dlcm-shared-tabs-container>

src/app/features/preservation-space/components/routables/preservation-space-home/preservation-space-home.routable.scss

 @import "../../../../../shared/components/routables/shared-abstract-home/shared-abstract-home.routable";
+
+:host {
+  padding-top: 40px;
+
+  ::ng-deep {
+    .tabs-header-container {
+      .tab-header {
+        @include respond-to-breakpoint-and-bigger('md') {
+          width: 172px !important;
+        }
+      }
+    }
+
+    .tab-content {
+      > * {
+        padding-top: 0 !important;
+      }
+
+      dlcm-button-toolbar-list {
+        padding-bottom: 0 !important;
+      }
+    }
+  }
+}
\ No newline at end of file

src/app/shared/components/containers/shared-tabs/shared-tabs.container.scss

@@ -16,6 +16,10 @@
       color: $light-grey;
       cursor: pointer;
 
+      .icon {
+        padding-right: 5px;
+      }
+
       &:focus {
         border: $light-grey solid 1px;
       }