diff --git a/src/components/Flatastic/Flatastic.tsx b/src/components/Flatastic/Flatastic.tsx
index 7115285..8513589 100644
--- a/src/components/Flatastic/Flatastic.tsx
+++ b/src/components/Flatastic/Flatastic.tsx
@@ -1,7 +1,11 @@
 import classNames from "classnames";
 import { useEffect } from "react";
 import { useFlatasticStore } from "@/store/flatastic";
-import type { FlatasticChore, FlatasticShoppingItem, FlatasticUser } from "@/types/flatasticChore";
+import type {
+    FlatasticChore,
+    FlatasticShoppingItem,
+    FlatasticUser,
+} from "@/types/flatasticChore";
 import style from "./style.module.css";
 
 function choreItem(chore: FlatasticChore, idToNameMap: Record<number, string>) {
@@ -110,11 +114,10 @@ export default function Flatastic() {
     );
 }
 
-
 function shoppingItem(item: FlatasticShoppingItem) {
     return (
         <li key={item.id} className={style.shoppingListItem}>
             {item.itemName}
         </li>
     );
-}
\ No newline at end of file
+}
diff --git a/src/components/Flatastic/style.module.css b/src/components/Flatastic/style.module.css
index 79bbc1e..52f4702 100644
--- a/src/components/Flatastic/style.module.css
+++ b/src/components/Flatastic/style.module.css
@@ -5,11 +5,11 @@
 }
 
 .choreContainer {
-    flex: 7;
+    flex: 8;
 }
 
 .shoppingListContainer {
-    flex: 3;
+    flex: 5;
     padding-left: 20px;
 }
 
@@ -68,4 +68,4 @@
 
 .timeLeft {
     font-weight: bold;
-}
\ No newline at end of file
+}