diff --git a/src/app/ui/collection-tools/collection-tools.component.html b/src/app/ui/collection-tools/collection-tools.component.html
index 3c022c3..982050b 100644
--- a/src/app/ui/collection-tools/collection-tools.component.html
+++ b/src/app/ui/collection-tools/collection-tools.component.html
@@ -17,10 +17,12 @@
 
       </mat-drawer>
 
-      <mat-drawer-content class='functionalDomainRight'>
-        <div class="h5Unity">
-          <!-- H5Canvas -->
-          <app-working-area></app-working-area>
+      <mat-drawer-content id='functionalDomainRight'>
+        <div id="h5Unity">
+          <div id='h5Canvas'>
+            <!-- H5Canvas -->
+            <app-working-area></app-working-area>
+          </div>
         </div>
 
         <div class="rightAttribute">
diff --git a/src/app/ui/collection-tools/collection-tools.component.scss b/src/app/ui/collection-tools/collection-tools.component.scss
index 27cb39f..6eefeaf 100644
--- a/src/app/ui/collection-tools/collection-tools.component.scss
+++ b/src/app/ui/collection-tools/collection-tools.component.scss
@@ -47,13 +47,19 @@
     width: 13%;
     height: 100%;
   }
-  .functionalDomainRight {
+  #functionalDomainRight {
     background-color: #fff;
     height: 100%;
     display: flex;
     position: relative;
-    .h5Unity {
+    #h5Unity {
       flex: 100%;
+      #h5Canvas{
+        width: 100%;
+        height: 100%;
+        box-sizing: border-box;
+        padding: 1px;
+      }
     }
     .rightAttribute{
       width: 13%;