Merge pull request #23067 from mattermost/MM-52155-workspace-deletion-style-issues

MM-52155 - Workspace Deletion Modal Style Issues

webapp/channels/src/components/admin_console/billing/delete_workspace/delete_workspace_modal.scss

@@ -12,6 +12,10 @@
         }
     }
 
+    &__Icon {
+        padding-top: 8px;
+    }
+
     &__Title {
         color: var(--sys-denim-center-channel-text);
         font-family: Metropolis;
@@ -21,15 +25,17 @@
     }
 
     &__Usage {
+        color: var(--center-channel-color);
         text-align: left;
 
         &-Highlighted {
             color: black;
-            font-weight: 700;
+            font-weight: bold;
         }
     }
 
     &__Warning {
+        color: var(--center-channel-color);
         text-align: left;
     }
 

webapp/channels/src/components/admin_console/billing/delete_workspace/delete_workspace_modal.tsx

@@ -186,8 +186,8 @@ export default function DeleteWorkspaceModal(props: Props) {
             className='DeleteWorkspaceModal'
             onExited={handleClickCancel}
         >
-            <div>
+            <div className='DeleteWorkspaceModal__Icon'>
-                <LaptopAlertSVG/>
+                <LaptopAlertSVG height={156}/>
             </div>
             <div className='DeleteWorkspaceModal__Title'>
                 <FormattedMessage