diff --git a/frontend/components/CollabPage/CollabPage.tsx b/frontend/components/CollabPage/CollabPage.tsx
index f6b7d07..b5af832 100644
--- a/frontend/components/CollabPage/CollabPage.tsx
+++ b/frontend/components/CollabPage/CollabPage.tsx
@@ -13,7 +13,6 @@ import {
     DialogContent,
     Stack,
     Grid,
-    Fab,
 } from "@mui/material";
 import CodeEditor from "./CodeEditor";
 import dynamic from "next/dynamic";
@@ -97,8 +96,8 @@ const CollabPage = () => {
     };
 
     const questionPanelProps = {
-        question_number: questionNumber + 1,
-        question: questions[questionNumber],
+        question_number: questionNumber,
+        question: questions,
     };
 
     // Called when Next question button is pressed by this user
@@ -285,18 +284,16 @@ const CollabPage = () => {
     }, []);
 
     return (
-        <div>
-            <Grid container={true} spacing={2} sx={{ marginTop: "5px" }}>
+        <div style={{ margin: "10px", maxHeight: "100vh" }}>
+            <Grid container spacing={2}>
                 <Grid item xs={6}>
-                    {questions[questionNumber] ? (
+                    <Box display="flex">
                         <QuestionPanel {...questionPanelProps} />
-                    ) : (
-                        <p>No more questions available.</p>
-                    )}
+                    </Box>
                 </Grid>
                 <Grid item xs={6}>
                     <Stack direction="column" spacing={1}>
-                        <Box display="flex" justifyContent="space-between">
+                        <Box justifyContent="space-between">
                             {!isEndingSession && (
                                 <CollabPageNavigation
                                     {...collabPageNavigationProps}
diff --git a/frontend/components/CollabPage/CollabPageQuestion/CollabPageNavigation.tsx b/frontend/components/CollabPage/CollabPageQuestion/CollabPageNavigation.tsx
index 2ece13b..cc75d4d 100644
--- a/frontend/components/CollabPage/CollabPageQuestion/CollabPageNavigation.tsx
+++ b/frontend/components/CollabPage/CollabPageQuestion/CollabPageNavigation.tsx
@@ -51,7 +51,6 @@ function CollabPageNavigation({
         isLastQuestion: isLastQuestion,
     };
 
-
     const EndSessionHandshakeModalProps = {
         isEndSessionHandshakeOpen: isEndSessionHandshakeOpen,
         setIsEndSessionHandshakeOpen: setIsEndSessionHandshakeOpen,
diff --git a/frontend/components/CollabPage/CollabPageQuestion/QuestionPanel.tsx b/frontend/components/CollabPage/CollabPageQuestion/QuestionPanel.tsx
index a918c5d..4ad62f9 100644
--- a/frontend/components/CollabPage/CollabPageQuestion/QuestionPanel.tsx
+++ b/frontend/components/CollabPage/CollabPageQuestion/QuestionPanel.tsx
@@ -32,27 +32,42 @@ import { Card, CardContent, Typography } from "@mui/material";
 
 interface QuestionPanelProps {
     question_number: number;
-    question: Question;
+    question: Question[];
 }
 
 function QuestionPanel({ question_number, question }: QuestionPanelProps) {
-    return (
-        <Card sx={{ height: "100%", padding: 2 }}>
+    return question[question_number] ? (
+        <Card
+            sx={{
+                maxHeight: "85vh",
+                width: "100vh",
+                padding: 2,
+                overflowY: "auto",
+            }}
+        >
             <CardContent>
                 <Typography
                     variant="h5"
                     component="div"
                     sx={{ marginBottom: 2 }}
                 >
-                    Question {question_number}:{" "}
-                    {question ? question.title : "No title found"}
+                    Question {question_number + 1}:{" "}
+                    {question
+                        ? question[question_number].title
+                        : "No title found"}
                 </Typography>
                 {/* Use pre element for preserving white spaces and new lines */}
-                <pre style={{ whiteSpace: 'pre-wrap', overflowX: 'auto' }}>
-                    {question ? question.description : "No description found"}
+                <pre style={{ whiteSpace: "pre-wrap", overflowX: "auto" }}>
+                    {question
+                        ? question[question_number].description
+                        : "No description found"}
                 </pre>
             </CardContent>
         </Card>
+    ) : (
+        <Card sx={{ maxHeight: "100vh", padding: 2 }}>
+            <Typography>No more questions available.</Typography>
+        </Card>
     );
 }
 
diff --git a/frontend/components/CollabPage/RejectEndSessionSnackBar.tsx b/frontend/components/CollabPage/RejectEndSessionSnackBar.tsx
deleted file mode 100644
index ac42fd3..0000000
--- a/frontend/components/CollabPage/RejectEndSessionSnackBar.tsx
+++ /dev/null
@@ -1,66 +0,0 @@
-//Source: https://mui.com/material-ui/react-snackbar/
-import * as React from "react";
-import Snackbar from "@mui/material/Snackbar";
-import IconButton from "@mui/material/IconButton";
-import CloseIcon from "@mui/icons-material/Close";
-import MuiAlert, { AlertProps } from "@mui/material/Alert";
-
-const Alert = React.forwardRef<HTMLDivElement, AlertProps>(function Alert(
-    props,
-    ref
-) {
-    return <MuiAlert elevation={6} ref={ref} variant="filled" {...props} />;
-});
-
-interface RejectEndSessionSnackbarProps {
-    rejectEndSessionSnackBarIsOpen: boolean;
-    onClose: () => void;
-}
-
-export default function SimpleSnackbar({
-
-    rejectEndSessionSnackBarIsOpen,
-    onClose,
-}: RejectEndSessionSnackbarProps) {
-    const handleClose = (
-        event: React.SyntheticEvent | Event,
-        reason?: string
-    ) => {
-        if (reason === "clickaway") {
-            return;
-        }
-        onClose();
-    };
-
-    const action = (
-        <React.Fragment>
-            <IconButton
-                size="small"
-                aria-label="close"
-                color="inherit"
-                onClick={handleClose}
-            >
-                <CloseIcon fontSize="small" />
-            </IconButton>
-        </React.Fragment>
-    );
-
-    return (
-        <div>
-            <Snackbar
-                open={rejectEndSessionSnackBarIsOpen}
-                autoHideDuration={3000}
-                onClose={handleClose}
-                action={action}
-            >
-                <Alert
-                    onClose={handleClose}
-                    severity="error"
-                    sx={{ width: "100%" }}
-                >
-                    End session request rejected
-                </Alert>
-            </Snackbar>
-        </div>
-    );
-}
diff --git a/frontend/components/CollabPage/RejectQuestionSnackBar.tsx b/frontend/components/CollabPage/RejectQuestionSnackBar.tsx
deleted file mode 100644
index 4403324..0000000
--- a/frontend/components/CollabPage/RejectQuestionSnackBar.tsx
+++ /dev/null
@@ -1,65 +0,0 @@
-//Source: https://mui.com/material-ui/react-snackbar/
-import * as React from "react";
-import Snackbar from "@mui/material/Snackbar";
-import IconButton from "@mui/material/IconButton";
-import CloseIcon from "@mui/icons-material/Close";
-import MuiAlert, { AlertProps } from "@mui/material/Alert";
-
-const Alert = React.forwardRef<HTMLDivElement, AlertProps>(function Alert(
-    props,
-    ref
-) {
-    return <MuiAlert elevation={6} ref={ref} variant="filled" {...props} />;
-});
-
-interface SimpleSnackbarProps {
-    snackBarIsOpen: boolean;
-    onClose: () => void;
-}
-
-export default function SimpleSnackbar({
-    snackBarIsOpen,
-    onClose,
-}: SimpleSnackbarProps) {
-    const handleClose = (
-        event: React.SyntheticEvent | Event,
-        reason?: string
-    ) => {
-        if (reason === "clickaway") {
-            return;
-        }
-        onClose();
-    };
-
-    const action = (
-        <React.Fragment>
-            <IconButton
-                size="small"
-                aria-label="close"
-                color="inherit"
-                onClick={handleClose}
-            >
-                <CloseIcon fontSize="small" />
-            </IconButton>
-        </React.Fragment>
-    );
-
-    return (
-        <div>
-            <Snackbar
-                open={snackBarIsOpen}
-                autoHideDuration={3000}
-                onClose={handleClose}
-                action={action}
-            >
-                <Alert
-                    onClose={handleClose}
-                    severity="error"
-                    sx={{ width: "100%" }}
-                >
-                    Next question request rejected
-                </Alert>
-            </Snackbar>
-        </div>
-    );
-}
diff --git a/frontend/components/QuestionsPage/QuestionsPage.tsx b/frontend/components/QuestionsPage/QuestionsPage.tsx
index 0da3fbf..503cc3d 100644
--- a/frontend/components/QuestionsPage/QuestionsPage.tsx
+++ b/frontend/components/QuestionsPage/QuestionsPage.tsx
@@ -95,12 +95,12 @@ const QuestionPage = () => {
         }
         setOpenResetDialog(false);
         return response.status;
-    }
+    };
     const confirmDialogProps = {
         open: openResetDialog,
         setOpen: setOpenResetDialog,
         handleConfirm: setToDefaultQns,
-    }
+    };
 
     useEffect(() => {
         const fetchQuestions = async () => {
@@ -122,7 +122,7 @@ const QuestionPage = () => {
                     addQuestion={addQuestion}
                 />
             )}
-            <Box display="flex" padding={2}>
+            <Box display="flex" maxHeight="80vh" padding={2}>
                 <QuestionTable
                     questions={questions}
                     deleteQuestion={deleteQuestion}
@@ -163,7 +163,7 @@ const QuestionPage = () => {
                     >
                         <AddIcon />
                     </Fab>
-                    <ConfirmResetDialog {...confirmDialogProps}/>
+                    <ConfirmResetDialog {...confirmDialogProps} />
                 </>
             )}
         </main>