some small changes

+ removed sliding animation from widgets
+ added form fields to Alert Level widget

client/src/components/Canvas/views/Home.jsx

@@ -89,8 +89,8 @@ export default function Home({...props}) {
   return (
     /* HEADER */
     <Tabs.Root 
-      width={width}
-      height={height}
+      width="100%"
+      height="100%"
       lazyMount 
       value={ view }
       variant="line"
@@ -110,6 +110,7 @@ export default function Home({...props}) {
 				pt={3}
 				align="center"
 				justify="space-between"
+        width="100%"
       >
         <Tabs.List>
           <Tabs.Trigger value="mydashboard" fontSize="lg">
@@ -129,7 +130,7 @@ export default function Home({...props}) {
           </Tabs.Trigger>
         </Tabs.List>
 
-        <HStack >
+        <HStack width="258px" justifyContent="flex-end">
           {isEditable ? (
             <>
               <SaveButton onSave={ onSave } />

client/src/components/Canvas/views/HomeTabs/MyDashboard.jsx

@@ -25,6 +25,7 @@ export default function MyDashboard({layout, onLayoutChange, isEditable, isDelet
   return (
     <chakra.div width="100%">
       <ResponsiveGridLayout
+        useCSSTransforms={false}  // remove the sliding animation of the widgets
         className="layout"
         layout={layout}
         cols={12} // Total columns in grid
@@ -39,7 +40,7 @@ export default function MyDashboard({layout, onLayoutChange, isEditable, isDelet
         {merged.map((item) => {
           const Widget = item.widget;
           return (
-            <Flex key={item.i} css={styles.root} height="100%" >
+            <Flex key={item.i} css={styles.root} boxShadow={isEditable ? "md":undefined} height="100%" >
               <Widget id={item.i} isEditable={isEditable} isDelete={isDelete} DeleteWidget={DeleteWidget}/>
             </Flex>
           )