Index: components/BuildDetailsDialog.tsx
===================================================================
--- components/BuildDetailsDialog.tsx	(revision 41a2f81c85a6b12ebd6aff2f621dce1c8af277da)
+++ components/BuildDetailsDialog.tsx	(revision 92fafb3082c4f8125549aa91ec28c46ea0366d99)
@@ -1,5 +1,5 @@
 import React, {useEffect, useState} from 'react';
 import {
-    Dialog, DialogTitle, DialogContent, DialogActions, Button, Grid, Box, Typography,
+    Dialog, DialogTitle, DialogContent, DialogActions, Button, Box, Typography,
     IconButton, Tab, Tabs, Table, TableBody, TableCell, TableRow, Rating, TextField, Avatar, Chip, Alert
 } from '@mui/material';
@@ -34,7 +34,6 @@
     const [ratingVal, setRatingVal] = useState(5);
 
-    // Main details fetch
     useEffect(() => {
-        if (open && buildId !== null && typeof buildId === 'number') {
+        if (open && buildId !== null) {
             setLoading(true);
             setReviewText("");
@@ -52,5 +51,5 @@
 
     useEffect(() => {
-        if (open && buildId !== null && typeof buildId === 'number') {
+        if (open && buildId !== null) {
             onGetBuildState({buildId})
                 .then(state => {
@@ -63,4 +62,11 @@
     }, [open, buildId]);
 
+    useEffect(() => {
+        if (open) {
+            setTabIndex(0);
+        }
+    }, [open, buildId]);
+
+
     const handleFavorite = async () => {
         if (!currentUser || buildId === null) return alert("Please login to favorite builds.");
@@ -103,5 +109,5 @@
     return (
         <>
-            <Dialog open={open} onClose={onClose} maxWidth="md" fullWidth scroll="paper">
+            <Dialog open={open} onClose={onClose} maxWidth="md" fullWidth scroll="body">
                 {loading || !details ? (
                     <Box sx={{p: 5, textAlign: 'center'}}>Loading Forge Schematics...</Box>
@@ -146,6 +152,16 @@
                             <Box sx={{p: 3}}>
                                 {tabIndex === 0 && (
-                                    <Grid container spacing={2}>
-                                        <Grid item xs={12} md={8}>
+                                    <Box
+                                        sx={{
+                                            display: 'grid',
+                                            gridTemplateColumns: {
+                                                xs: '1fr',
+                                                md: '2fr 1fr'
+                                            },
+                                            gap: 2,
+                                            width: '100%'
+                                        }}
+                                    >
+                                        <Box>
                                             <Table size="small">
                                                 <TableBody>
@@ -193,10 +209,11 @@
                                                 </TableBody>
                                             </Table>
-                                        </Grid>
-
-                                        <Grid item xs={12} md={4}>
+                                        </Box>
+
+                                        <Box>
                                             <Box sx={{bgcolor: '#424343', p: 2, borderRadius: 2, mb: 2}}>
-                                                <Typography color="primary.main" gutterBottom fontWeight="bold">Builder's
-                                                    Notes</Typography>
+                                                <Typography color="primary.main" gutterBottom fontWeight="bold">
+                                                    Builder's Notes
+                                                </Typography>
                                                 <Typography color="primary.main" variant="body2"
                                                             sx={{fontStyle: 'italic'}}>
@@ -243,6 +260,6 @@
                                                 </Button>
                                             </Box>
-                                        </Grid>
-                                    </Grid>
+                                        </Box>
+                                    </Box>
                                 )}
 
@@ -313,6 +330,7 @@
                                             ))}
                                             {details.reviews.length === 0 && (
-                                                <Typography color="text.secondary" align="center">No reviews yet. Be the
-                                                    first!</Typography>
+                                                <Typography color="text.secondary" align="center">
+                                                    No reviews yet. Be the first!
+                                                </Typography>
                                             )}
                                         </Box>