diff --git a/src/components/Chatbot/index.js b/src/components/Chatbot/index.js
index 13d7f11..e89a828 100644
--- a/src/components/Chatbot/index.js
+++ b/src/components/Chatbot/index.js
@@ -47,7 +47,7 @@ function Chatbot() {
   return (
     <>
       <Box
-        height={isSmallScreen ? `calc(${window.innerHeight} - 58px)` : `calc(${window.innerHeight} - 64px)`} // 100svh - 58px --
+        height={isSmallScreen ? window.innerHeight - 58 : window.innerHeight - 64} // 100svh - 58px --
         display="flex"
         flexDirection="column"
         overflow="hidden"
diff --git a/src/components/DrawingApp/index.js b/src/components/DrawingApp/index.js
index 230f2d0..72e147f 100644
--- a/src/components/DrawingApp/index.js
+++ b/src/components/DrawingApp/index.js
@@ -30,7 +30,7 @@ const DrawingApp = () => {
   } = useDrawing(color, brushSize);
 
   return (
-    <div className="drawingApp" ref={containerRef} style={{ height: `calc(${window.innerHeight}) - 50px - 1rem` }}>
+    <div className="drawingApp" ref={containerRef} style={{ height: `calc(${window.innerHeight}px - 50px - 1rem)` }}>
       <div ref={topRef}></div>
       <Box
         sx={{