more

frontend/src/components/stickies.tsx

@@ -25,7 +25,7 @@ const Stickies = () => {
     const stickyMap = buildStickyMap();
 
     return (
-      <div>
+      <div className="stickies-container">
         <div>
           <Button onClick={handleCluster} isLoading={isPending} label="Group Notes By Theme"/>
         </div>
@@ -48,7 +48,7 @@ const Stickies = () => {
 
   return (
     <div>
-      <div>
+      <div className="stickies-container">
         <Button onClick={handleCluster} isLoading={isPending} label="Group Notes By Theme" />
       </div>
       <div className="stickies-grid">

frontend/src/styles/home.css

@@ -30,7 +30,7 @@
   }
 
   .material-symbols-outlined {
-    margin: 14px 64px 0px 0px;
+    margin: 13px 74px 0px 0px;
     font-size: 82px;
     color: #6dd6f4;
     font-variation-settings:

frontend/src/styles/stickies.css

@@ -6,6 +6,9 @@
   padding: 24px;
 }
 
+.stickies-container {
+  margin: 36px 0px 36px 0px;
+}
 .clusters-container {
   display: flex;
   flex-direction: column;