Set fixed dimensions for cross icon

client/src/components/LogoutWidget.vue

@@ -32,7 +32,7 @@
     align-items: center;
 
     &__logout {
-      @include default-link;;
+      @include default-link;
       cursor: pointer;
     }
   }

client/src/components/Modal.vue

@@ -121,11 +121,6 @@
       align-content: center;
     }
 
-    &__close-icon {
-      width: 40px;
-      height: 40px;
-    }
-
     &__footer {
       grid-area: footer;
       -ms-grid-row: 3;

client/src/components/book-navigation/NavigationSidebar.vue

@@ -97,11 +97,5 @@
       justify-self: center;
       cursor: pointer;
     }
-
-    &__close-icon {
-      width: 30px;
-      height: 30px;
-      opacity: 0.5;
-    }
   }
 </style>

client/src/components/icons/Cross.vue

@@ -2,8 +2,16 @@
   <svg
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 100 100"
-    id="shape">
+    class="cross">
     <path
       d="M53.91,50,87.19,16.73a2.77,2.77,0,1,0-3.91-3.91L50,46.09,16.73,12.81a2.77,2.77,0,1,0-3.91,3.91L46.09,50,12.81,83.27a2.77,2.77,0,1,0,3.91,3.91L50,53.91,83.27,87.19a2.77,2.77,0,0,0,3.91-3.91Z"/>
   </svg>
 </template>
+
+<style scoped lang="scss">
+  .cross {
+    width: 30px;
+    height: 30px;
+    opacity: 0.5;
+  }
+</style>

client/src/components/profile/ProfileSidebar.vue

@@ -135,12 +135,6 @@
       cursor: pointer;
     }
 
-        &__close-icon {
-            width: 30px;
-            height: 30px;
-            opacity: 0.5;
-        }
-
     &__support {
       padding: $medium-spacing;
       @include regular-text;

client/src/layouts/FullScreenLayout.vue

@@ -45,11 +45,6 @@
 
     display:flex;
     justify-content:end;
-
-    &__icon {
-      width: 40px;
-      height: 40px;
-    }
   }
 
 </style>

client/src/layouts/SimpleLayout.vue

@@ -71,10 +71,5 @@
       margin-right: $medium-spacing;
       margin-top: $medium-spacing;
     }
-
-    &__icon {
-      width: 40px;
-      height: 40px;
-    }
   }
 </style>