diff --git a/pages/index.js b/pages/index.js
index 67bd85f..6f31a10 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -1,17 +1,32 @@
 import Head from 'next/head'
 import Image from 'next/image'
 import Table from 'react-bootstrap/Table'
-import Container from 'react-bootstrap/Container';
-import Nav from 'react-bootstrap/Nav';
+import Container from 'react-bootstrap/Container'
+import Nav from 'react-bootstrap/Nav'
 import Navbar from 'react-bootstrap/Navbar';
-import NavDropdown from 'react-bootstrap/NavDropdown';
-import { useState } from 'react'
+import NavDropdown from 'react-bootstrap/NavDropdown'
+import Row from 'react-bootstrap/Row'
+import Col from 'react-bootstrap/Col'
+import { useState } from 'react';
+import Button from 'react-bootstrap/Button';
 
 export default function Home() {
     const [instructionStatus, setInstructionStatus] = useState([]);
     const [reservationStations, setReservationStations] = useState([]);
     const [registerStatus, setRegisterStatus] = useState([]);
 
+    function issueInstruction() {
+
+    }
+
+    function executeInstruction() {
+
+    }
+
+    function writeInstruction() {
+
+    }
+
     return (
         <>
             <Head>
@@ -33,9 +48,14 @@ export default function Home() {
             </Navbar>
             <main>
                 <Container>
-                    <div className="my-4">
-                        <h3>Instruction Status</h3>
-                    </div>
+                    <Row className="row my-4">
+                        <Col>
+                            <h3>Instruction Status</h3>
+                        </Col>
+                        <Col className="text-end">
+                            <Button variant="primary">Proxímo</Button>
+                        </Col>
+                    </Row>
                     <Table striped bordered hover>
                         <thead>
                             <tr>
