some fixes

src/components/atoms/Loader.tsx

@@ -2,16 +2,13 @@ import styled from "styled-components";
 import { Stack } from "@mui/material";
 import { useThemeMode } from "../../context/theme-provider";
 
-
 interface LoaderProps {
   text: string;
 }
 
 export const Loader: React.FC<LoaderProps> = ({ text }) => {
-
   const { darkMode } = useThemeMode();
 
-  
   return (
     <Stack direction="column" sx={{ margin: "30px 0px", alignItems: "center" }}>
       <DotsContainer>
@@ -29,14 +26,13 @@ interface StyledParagraphProps {
   darkMode: boolean;
 }
 
-
-
 const StyledParagraph = styled.p<StyledParagraphProps>`
   font-size: medium;
   font-weight: 700;
   font-family: inherit;
   color: ${({ darkMode }) => (darkMode ? 'white' : 'black')};
   margin-top: 20px;
+  flex-wrap: wrap;
 `;
 
 const DotsContainer = styled.div`

src/components/atoms/buttons/buttons.tsx

@@ -1,26 +1,23 @@
 import styled from 'styled-components';
+import { useThemeMode } from '../../../context/theme-provider';
 
-export const NavBarButton = styled.button<{ disabled: boolean }>`
+
+
+export const NavBarButton = styled.button<{ disabled: boolean, mode: 'light' | 'dark' }>`
     margin-left: 10px;
     margin-right: 5px;
     padding: 0;
     border: none;
-    background-color: transparent;
+    background-color: ${mode => mode ? '#333' : '#ffffff'};
     cursor: ${({ disabled }) => disabled ? 'default' : 'pointer'};
     width: 24px;
     height: 24px;
     border-radius: 12px;
     outline: none;
-    color: ${({ disabled }) => disabled ? '#999' : '#333'};
+    color: ${mode => mode ? '#ffffff' : '#333333'};
+
+    
 
-    ${({ disabled }) => disabled ? null : `
-        &:hover {
-            background-color: #ddd;
-        }
-       &:active {
-           background-color: #d0d0d0;
-       }
-    `};
 `;
 
 export const UrlFormButton = styled.button`

src/components/atoms/canvas.tsx

@@ -142,7 +142,7 @@ const Canvas = ({ width, height, onCreateRef }: CanvasProps) => {
             <canvas
                 tabIndex={0}
                 ref={canvasRef}
-                height={400}
+                height={1000}
                 width={900}
                 style={{ display: 'block' }}
             />