diff --git a/frontend/src/routes/restaurants/RestaurantProfile.js b/frontend/src/routes/restaurants/RestaurantProfile.js
index 55bc41e4d7..950d3a11b8 100644
--- a/frontend/src/routes/restaurants/RestaurantProfile.js
+++ b/frontend/src/routes/restaurants/RestaurantProfile.js
@@ -178,17 +178,19 @@ const RestaurantProfile = () => {
                                             <h2 id="restaurant-name">{ restaurant.name }</h2>
                                             <p className="restaurant-atribute" data-cy="typeOfFood"> Tipo de comida: {restaurant.typeOfFood}</p>
                                             { restaurant.site && <a className="restaurant-atribute" id="restaurant-site" href={restaurant.site}> Site oficial </a>}
-                                            {numRatings !== 1 ? (
-                                                <div>
-                                                    {numRatings} Avaliações
-                                                </div>
-                                            ) : (
-                                                <div>
-                                                    {numRatings} Avaliação
-                                                </div>
-                                                
-                                            )}
-                                            <div>
+                                            <div id ="avg-rating">
+                                                {numRatings !== 1 ? (
+                                                    <div>
+                                                        {numRatings} Avaliações
+                                                    </div>
+                                                ) : (
+                                                    <div>
+                                                        {numRatings} Avaliação
+                                                    </div>
+                                                    
+                                                )}
+
+
                                                 {[...Array(5)].map((star, index) => {
                                                     const starValue = index + 1;
 
@@ -201,7 +203,10 @@ const RestaurantProfile = () => {
                                                     </span>
                                                     );
                                                 })}
+                                            
                                             </div>
+                                            
+                                            
                                         </div>
                                     </div>
 
diff --git a/frontend/src/routes/reviews/ReviewCreate.js b/frontend/src/routes/reviews/ReviewCreate.js
index c7e3e0a42b..591f985e4e 100644
--- a/frontend/src/routes/reviews/ReviewCreate.js
+++ b/frontend/src/routes/reviews/ReviewCreate.js
@@ -18,23 +18,23 @@ const ReviewCreate = () => {
     const [title, setTitle] = useState('');
     const [text, setText] = useState('');
 
-    const [rating, setRating] = useState('');
+    const [rating, setRating] = useState(0);
     const [hover, setHover] = useState(null);
     const [totalStars, setTotalStars] = useState(5);
 
-    const [sabor, setSabor] = useState('');
+    const [sabor, setSabor] = useState(0);
     const [hoverS, setHoverS] = useState(null);
     const [totalStarsS, setTotalStarsS] = useState(5);
 
-    const [atendimento, setAtendimento] = useState('');
+    const [atendimento, setAtendimento] = useState(0);
     const [hoverA, setHoverA] = useState(null);
     const [totalStarsA, setTotalStarsA] = useState(5);
 
-    const [tempoDeEspera, setTempoDeEspera] = useState('');
+    const [tempoDeEspera, setTempoDeEspera] = useState(0);
     const [hoverT, setHoverT] = useState(null);
     const [totalStarsT, setTotalStarsT] = useState(5);
 
-    const [preco, setPreco] = useState('');
+    const [preco, setPreco] = useState(0);
     const [hoverP, setHoverP] = useState(null);
     const [totalStarsP, setTotalStarsP] = useState(5);
 
@@ -94,7 +94,8 @@ const ReviewCreate = () => {
         <div>
             <form onSubmit={createNewReview}>
                 <p>Título</p>
-                <input type="text" placeholder="Coxinha Boa" 
+                <input type="text" placeholder="Coxinha Boa"
+                    id = "title" 
                     value={title} 
                     onChange={ev => setTitle(ev.target.value)}
                     required
@@ -109,9 +110,10 @@ const ReviewCreate = () => {
                         <input
                             type="radio"
                             name="rating"
+                            id = "rating" 
                             value={currentRating}
                             onChange={() => setRating(currentRating)}
-                            required
+                            required    
                         />
                         <span
                             className="star"
@@ -135,6 +137,7 @@ const ReviewCreate = () => {
                 placeholder="Amei a coxinha..." 
                 wrap = "soft"
                 name = "text"
+                id = "text" 
                 required
                 value={text} onChange={ev => setText(ev.target.value)}
                 />
@@ -148,6 +151,7 @@ const ReviewCreate = () => {
                         <input
                             type="radio"
                             name="sabor"
+                            id = "sabor" 
                             value={currentSabor}
                             onChange={() => setSabor(currentSabor)}
                         />
@@ -175,6 +179,7 @@ const ReviewCreate = () => {
                         <input
                             type="radio"
                             name="atendimento"
+                            id = "atendimento" 
                             value={currentAtendimento}
                             onChange={() => setAtendimento(currentAtendimento)}
                         />
@@ -202,6 +207,7 @@ const ReviewCreate = () => {
                         <input
                             type="radio"
                             name="tempoDeEspera"
+                            id = "tempoDeEspera" 
                             value={currentTempoDeEspera}
                             onChange={() => setTempoDeEspera(currentTempoDeEspera)}
                         />
@@ -229,6 +235,7 @@ const ReviewCreate = () => {
                         <input
                             type="radio"
                             name="preco"
+                            id = "preco" 
                             value={currentPreco}
                             onChange={() => setPreco(currentPreco)}
                         />
diff --git a/frontend/src/routes/reviews/ReviewPage.js b/frontend/src/routes/reviews/ReviewPage.js
index 2e91daff75..fb642faede 100644
--- a/frontend/src/routes/reviews/ReviewPage.js
+++ b/frontend/src/routes/reviews/ReviewPage.js
@@ -1,289 +1,247 @@
+import React, { useState, useEffect } from "react";
 import { useParams, useNavigate, Link } from "react-router-dom";
-import { useState, useEffect } from "react";
-import axios from 'axios';
+import axios from "axios";
 import { AiOutlineLike, AiOutlineDislike } from "react-icons/ai";
-
 import { jwtDecode } from "jwt-decode";
+import "../../style/ReviewPage.css";
 
 const API_BASE = "http://localhost:3001";
 
 const ReviewPage = () => {
-    const params = useParams();
-    const iduser = params.iduser;
-    const idrest = params.idrest;
-
-    const navigate = useNavigate()
-
-    const [review, setReview] = useState(null);
-    const [restaurant, setRestaurant] = useState(null);
-    const [user, setUser] = useState(null);
-    const [isOwner, setIsOwner] = useState(true)
-
-    const [redirect, setRedirect] = useState(false);
-
-    const [likes, setLikes] = useState(0);
-    const [dislikes, setDislikes] = useState(0);
-
-    const [idUserLogin, setIdUserLogin] = useState(null);
-
-    useEffect(() => {
-
-        const getUserInfoFromToken = async () => {
-            const token = localStorage.getItem('token');
-    
-            if (token) {
-                try {
-                    const decoded = jwtDecode(token);
-                    const userID = decoded.userId;
-
-                    setIdUserLogin(userID)
-
-                } catch (error) {
-                    console.error("Failed to decode token", error);
-                }
-            }
-            return null;
-        };
-        getUserInfoFromToken()
-    }, []);
-
-    useEffect(() => {
-        if (iduser === idUserLogin) {
-            setIsOwner(true)
-        }
-        async function fetchData() {
-            try {
-                const response = await axios.get(`${API_BASE}/reviews/${idrest}/${iduser}`);
-        
-                if (response.status === 200) {
-                    setReview(response.data)
-                    setLikes(response.data.likes)
-                    setDislikes(response.data.dislikes)
-                } else {
-                    console.error('Falha ao obter dados do review', response.statusText);
-                }
-            } catch (error) {
-                console.error('Erro ao fazer a solicitação de review para a API', error);
-            }
-
-            try {
-                const response = await axios.get(`${API_BASE}/restaurants/${idrest}`);
-        
-                if (response.status === 200) {
-                    setRestaurant(response.data)
-                } else {
-                    console.error('Falha ao obter dados do restaurante', response.statusText);
-                }
-            } catch (error) {
-                console.error('Erro ao fazer a solicitação do restaurante para a API', error);
-            }
-
-            try {
-                const response = await axios.get(`${API_BASE}/users/${iduser}`);
-        
-                if (response.status === 200) {
-                    setUser(response.data)
-                } else {
-                    console.error('Falha ao obter dados do usuário', response.statusText);
-                }
-            } catch (error) {
-                console.error('Erro ao fazer a solicitação do usuário para a API', error);
-            }
-        }
-
-        fetchData();
-    }, [idrest, iduser]);
-
-    async function deleteReview(ev) {
-
+  const { iduser, idrest } = useParams();
+  const navigate = useNavigate();
+
+  const [review, setReview] = useState(null);
+  const [restaurant, setRestaurant] = useState(null);
+  const [user, setUser] = useState(null);
+  const [isOwner, setIsOwner] = useState(true);
+
+  const [redirect, setRedirect] = useState(false);
+  const [likes, setLikes] = useState(0);
+  const [dislikes, setDislikes] = useState(0);
+
+  useEffect(() => {
+    const getUserInfoFromToken = async () => {
+      const token = localStorage.getItem("token");
+      if (token) {
         try {
-            const response = await axios.delete(`${API_BASE}/reviews/${idrest}/${iduser}/delete`);
-
-            if (response.status === 200) {
-                setRedirect(true);
-            } else {
-                console.error('Falha ao deletar review', response.statusText);
-            }
+          const decoded = jwtDecode(token);
+          const userID = decoded.userId;
+          setIsOwner(iduser === userID)
         } catch (error) {
-            console.error('Erro ao fazer a solicitação para a API', error);
+          console.error("Failed to decode token", error);
         }
-    }
-
-    async function editReview(ev) {
-
-        console.log('entrei')
-        try {
-            
-        } catch (error) {
-            console.error('Falha ao dar like ou dislike');
+      }
+    };
+    getUserInfoFromToken();
+  }, []);
+
+  useEffect(() => {
+    const fetchData = async () => {
+      try {
+        const response = await axios.get(`${API_BASE}/reviews/${idrest}/${iduser}`);
+        if (response.status === 200) {
+          setReview(response.data);
+          setLikes(response.data.likes);
+          setDislikes(response.data.dislikes);
+        } else {
+          console.error("Falha ao obter dados do review", response.statusText);
         }
-    }
-
-    async function handleLike () {
-        setLikes((prevCount) => (prevCount === review.likes ? review.likes + 1 : review.likes))
-        setDislikes(review.dislikes)
-
-        console.log(likes)
-       
-        const response = await axios.put(`${API_BASE}/reviews/${idrest}/${iduser}/edit`, {
-            title: review.title,
-            user: iduser,
-            restaurant: idrest,
-            rating: review.rating,
-            text: review.text,
-            sabor: review.sabor,
-            atendimento: review.atendimento,
-            tempoDeEspera: review.tempoDeEspera,
-            preco: review.preco,
-            likes: likes,
-            dislikes: dislikes
-        });
-      };
-    
-      async function handleDislike () {
-        setDislikes((prevCount) => (prevCount === review.dislikes ? review.dislikes + 1 : review.dislikes))
-        setLikes(review.likes)
-
-        console.log(dislikes)
-        
-        const response = await axios.put(`${API_BASE}/reviews/${idrest}/${iduser}/edit`, {
-            title: review.title,
-            user: iduser,
-            restaurant: idrest,
-            rating: review.rating,
-            text: review.text,
-            sabor: review.sabor,
-            atendimento: review.atendimento,
-            tempoDeEspera: review.tempoDeEspera,
-            preco: review.preco,
-            likes: likes,
-            dislikes: dislikes
-        });
+      } catch (error) {
+        console.error("Erro ao fazer a solicitação de review para a API", error);
+      }
+
+      try {
+        const response = await axios.get(`${API_BASE}/restaurants/${idrest}`);
+        if (response.status === 200) {
+          setRestaurant(response.data);
+        } else {
+          console.error("Falha ao obter dados do restaurante", response.statusText);
+        }
+      } catch (error) {
+        console.error("Erro ao fazer a solicitação do restaurante para a API", error);
+      }
+
+      try {
+        const response = await axios.get(`${API_BASE}/users/${iduser}`);
+        if (response.status === 200) {
+          setUser(response.data);
+        } else {
+          console.error("Falha ao obter dados do usuário", response.statusText);
+        }
+      } catch (error) {
+        console.error("Erro ao fazer a solicitação do usuário para a API", error);
+      }
     };
-
-    if (redirect) {
-        navigate('/reviews/' + idrest)
+    fetchData();
+  }, [idrest, iduser]);
+
+  const deleteReview = async () => {
+    try {
+      const response = await axios.delete(`${API_BASE}/reviews/${idrest}/${iduser}/delete`);
+      if (response.status === 200) {
+        setRedirect(true);
+      } else {
+        console.error("Falha ao deletar review", response.statusText);
+      }
+    } catch (error) {
+      console.error("Erro ao fazer a solicitação para a API", error);
     }
-
-    return (
-        <div>
-            {review && user && restaurant &&(
-                <div id="review-page">
-                    <div className="review-details">
-                        <h2>{ review.title }</h2>
-                        <div>
-                            {[...Array(5)].map((star, index) => {
-                                const starValue = index + 1;
-
-                                return (
-                                <span
-                                    key={index}
-                                    style={{ color: starValue <= review.rating ? '#ffc107' : '#e4e5e9' }}
-                                >
-                                    &#9733;
-                                </span>
-                                );
-                            })}
-                        </div>
-                        <p>{ user.name}</p>
-                        <p>{ restaurant.name}</p>
-                        <p>{ review.text}</p>
-                        <p>Sabor:</p>
-                        <div>
-                            {[...Array(5)].map((star, index) => {
-                                const starValue = index + 1;
-
-                                return (
-                                <span
-                                    key={index}
-                                    style={{ color: starValue <= review.sabor ? '#ffc107' : '#e4e5e9' }}
-                                >
-                                    &#9733;
-                                </span>
-                                );
-                            })}
-                        </div>
-                        <p>Atendimento:</p>
-                        <div>
-                            {[...Array(5)].map((star, index) => {
-                                const starValue = index + 1;
-
-                                return (
-                                <span
-                                    key={index}
-                                    style={{ color: starValue <= review.atendimento ? '#ffc107' : '#e4e5e9' }}
-                                >
-                                    &#9733;
-                                </span>
-                                );
-                            })}
-                        </div>
-                        <p>Tempo de Espera</p>
-                        <div>
-                            {[...Array(5)].map((star, index) => {
-                                const starValue = index + 1;
-
-                                return (
-                                <span
-                                    key={index}
-                                    style={{ color: starValue <= review.tempoDeEspera ? '#ffc107' : '#e4e5e9' }}
-                                >
-                                    &#9733;
-                                </span>
-                                );
-                            })}
-                        </div>
-                        <p>Preço:</p>
-                        <div>
-                            {[...Array(5)].map((star, index) => {
-                                const starValue = index + 1;
-
-                                return (
-                                <span
-                                    key={index}
-                                    style={{ color: starValue <= review.preco ? '#ffc107' : '#e4e5e9' }}
-                                >
-                                    &#9733;
-                                </span>
-                                );
-                            })}
-                        </div>
-                    </div>
-                    {isOwner ? (
-                        <div>
-                        <Link id="review-edit" to={`/reviews/${idrest}/${iduser}/edit`}>
-                        Editar Review
-                        </Link>
-
-                        <button className="simple-button" id="create-button" onClick={() => deleteReview()}>
-                        <p>Deletar Review</p>
-                        </button>
-                        
-                        </div>
-                    ): ("")}
-                    <div className="restaurant-actions">
-                        <p>Avalie este review:</p>
-                        <div>
-                            <button onClick={handleLike} style={{ color: likes > 0 ? 'blue' : 'black' }}>
-                                <AiOutlineLike /> {likes}
-                            </button>
-
-                            <button onClick={handleDislike} style={{ color: dislikes > 0 ? 'red' : 'black' }}>
-                                <AiOutlineDislike /> {dislikes}
-                            </button>
-                        </div>
-                       
-                    </div>
-
-                    <div>
-                        <Link id="return" to={'/reviews/'+idrest}>
-                        Voltar
-                        </Link>
-                    </div>
-                </div>
+  };
+
+  const handleLike = async () => {
+    setLikes((prevCount) => (prevCount === review.likes ? review.likes + 1 : review.likes));
+    setDislikes(review.dislikes);
+    try {
+      await axios.put(`${API_BASE}/reviews/${idrest}/${iduser}/edit`, {
+        title: review.title,
+        user: iduser,
+        restaurant: idrest,
+        rating: review.rating,
+        text: review.text,
+        sabor: review.sabor,
+        atendimento: review.atendimento,
+        tempoDeEspera: review.tempoDeEspera,
+        preco: review.preco,
+        likes: likes,
+        dislikes: dislikes,
+      });
+    } catch (error) {
+      console.error("Erro ao editar review", error);
+    }
+  };
+
+  const handleDislike = async () => {
+    setDislikes((prevCount) => (prevCount === review.dislikes ? review.dislikes + 1 : review.dislikes));
+    setLikes(review.likes);
+    try {
+      await axios.put(`${API_BASE}/reviews/${idrest}/${iduser}/edit`, {
+        title: review.title,
+        user: iduser,
+        restaurant: idrest,
+        rating: review.rating,
+        text: review.text,
+        sabor: review.sabor,
+        atendimento: review.atendimento,
+        tempoDeEspera: review.tempoDeEspera,
+        preco: review.preco,
+        likes: likes,
+        dislikes: dislikes,
+      });
+    } catch (error) {
+      console.error("Erro ao editar review", error);
+    }
+  };
+
+  if (redirect) {
+    navigate(`/reviews/${idrest}`);
+  }
+
+  return (
+    <div className="review-page-container">
+      {review && user && restaurant && (
+        <div className="review-page">
+          <div className="restaurant-details">
+            {restaurant.profileImage ? (
+              <img className="restaurant-img" src={`${API_BASE}/${restaurant.profileImage}`} alt="Restaurant" />
+            ) : (
+              <img className="restaurant-img" src={`${process.env.PUBLIC_URL}/no_restaurant_img.jpg`} alt="No Restaurant Image" />
             )}
+            <p>{restaurant.name}</p>
+          </div>
+          <div className="review-data">
+            <div className="review-main-details">
+              <h2>{review.title}</h2>
+              <div className="star-rating">
+                {[...Array(5)].map((_, index) => (
+                  <span
+                    key={index}
+                    style={{ color: index < review.rating ? "#ffc107" : "#524d39" }}
+                  >
+                    &#9733;
+                  </span>
+                ))}
+              </div>
+            </div>
+            <div className="review-details">
+              <p>Por: {user.name} {isOwner && "(você)"}</p>
+              <p>{review.text}</p>
+            </div>
+            <div className="review-ratings">
+              <p>Sabor:</p>
+              <div className="star-rating">
+                {[...Array(5)].map((_, index) => (
+                  <span
+                    key={index}
+                    style={{ color: index < review.sabor ? "#ffc107" : "#524d39" }}
+                  >
+                    &#9733;
+                  </span>
+                ))}
+              </div>
+              <p>Atendimento:</p>
+              <div className="star-rating">
+                {[...Array(5)].map((_, index) => (
+                  <span
+                    key={index}
+                    style={{ color: index < review.atendimento ? "#ffc107" : "#524d39" }}
+                  >
+                    &#9733;
+                  </span>
+                ))}
+              </div>
+              <p>Tempo de Espera:</p>
+              <div className="star-rating">
+                {[...Array(5)].map((_, index) => (
+                  <span
+                    key={index}
+                    style={{ color: index < review.tempoDeEspera ? "#ffc107" : "#524d39" }}
+                  >
+                    &#9733;
+                  </span>
+                ))}
+              </div>
+              <p>Preço:</p>
+              <div className="star-rating">
+                {[...Array(5)].map((_, index) => (
+                  <span
+                    key={index}
+                    style={{ color: index < review.preco ? "#ffc107" : "#524d39" }}
+                  >
+                    &#9733;
+                  </span>
+                ))}
+              </div>
+            </div>
+          </div>
+          {isOwner && (
+            <div className="review-actions">
+              <Link className="simple-button" to={`/reviews/${idrest}/${iduser}/edit`}>
+                Editar Review
+              </Link>
+              <button className="delete-button" onClick={deleteReview}>
+                Deletar Review
+              </button>
+            </div>
+          )}
+          <div className="review-voting">
+            <p>Avalie este review:</p>
+            <button onClick={handleLike} style={{ color: likes > 0 ? "blue" : "black" }}>
+              <AiOutlineLike /> {likes}
+            </button>
+            <button onClick={handleDislike} style={{ color: dislikes > 0 ? "red" : "black" }}>
+              <AiOutlineDislike /> {dislikes}
+            </button>
+          </div>
+          <div>
+            <Link className="review-return" to={`/reviews/${idrest}`}>
+              Voltar
+            </Link>
+          </div>
         </div>
-    );
+      )}
+    </div>
+  );
 };
 
 export default ReviewPage;
diff --git a/frontend/src/routes/reviews/ReviewsRestaurant.js b/frontend/src/routes/reviews/ReviewsRestaurant.js
index 420b6482c0..f2e1da576d 100644
--- a/frontend/src/routes/reviews/ReviewsRestaurant.js
+++ b/frontend/src/routes/reviews/ReviewsRestaurant.js
@@ -1,9 +1,8 @@
 import { useState, useEffect } from "react";
 import { useParams, Link } from "react-router-dom";
 import axios from 'axios';
-
 import '../../style/Restaurants.css';
-
+import NoImg from "../../assets/almocin_logo_red.png"
 import { jwtDecode } from "jwt-decode";
 
 const API_BASE = "http://localhost:3001";
@@ -40,11 +39,6 @@ const ReviewsRestaurant = () => {
         getUserInfoFromToken()
     }, []);
 
-    let user = {
-        name: "pedro",
-        id: "65d51e36c3b06ec45cdd2ac8"
-    }
-
     useEffect(() => {
         const getRestaurant = async () => {
             try {
@@ -119,12 +113,13 @@ const ReviewsRestaurant = () => {
 
     return (
         <div>
-            {restaurant && (
-            <div className="reviews-page">
-
+        {restaurant && (
+            <div className="restaurants-page"> 
             <div className="restaurant">
-                <p>{restaurant.profileImage}</p>
-                <p>{restaurant.name}</p>
+                {restaurant.profileImage !== "Noneundefined" && <img id="restaurant-img-preview" src={`${API_BASE}/${restaurant.profileImage}`} />}
+                            
+                {restaurant.profileImage == "Noneundefined" && <img id="restaurant-img-preview" src={NoImg} />}
+                <h1>{restaurant.name}</h1>
                 <p>Nota média:</p>
                 <div>
                             {[...Array(5)].map((star, index) => {
@@ -133,7 +128,7 @@ const ReviewsRestaurant = () => {
                                 return (
                                 <span
                                     key={index}
-                                    style={{ color: starValue <= avg ? '#ffc107' : '#e4e5e9' }}
+                                    style={{ color: starValue <= avg ? '#ffc107' : '#524d39' }}
                                 >
                                     &#9733;
                                 </span>
@@ -142,8 +137,8 @@ const ReviewsRestaurant = () => {
                         </div>
             
             </div>
-
-            {reviews.length !== 1 ? (
+            <div className="restaurant-list"> 
+            <h2 className="category"> {reviews.length !== 1 ? (
                 <div>
                     {reviews.length} Reviews
                 </div>
@@ -152,48 +147,43 @@ const ReviewsRestaurant = () => {
                     {reviews.length} Review
                 </div>
                 
-            )}
-
-            <div className="review-list">
-                {error && <p>{error}</p>}
-
+            )}</h2>
                 {reviews.map(review => (
-                    <div className="review-preview" key={review.id}>
+                    <div className="restaurant-preview"> 
                         <div id="img-and-description">
-                            <div id="preview-description">
+
+                            <div id = "preview-description">
                                 <h2>{review.title}</h2>
-                                <div>
-                                    {[...Array(5)].map((star, index) => {
-                                        const starValue = index + 1;
-
-                                        return (
-                                        <span
-                                            key={index}
-                                            style={{ color: starValue <= review.rating ? '#ffc107' : '#e4e5e9' }}
-                                        >
-                                            &#9733;
-                                        </span>
-                                        );
-                                    })}
-                                </div>
-                                <p>{usernames[review.user]}</p>
-                                {review.user == idUserLogin ? (
-                                    <p>(você)</p>
-                                ):(
-                                    <p></p>
-                                )}
+                                    <div>
+                                        {[...Array(5)].map((star, index) => {
+                                            const starValue = index + 1;
+
+                                            return (
+                                            <span
+                                                key={index}
+                                                style={{ color: starValue <= review.rating ? '#ffc107' : '#524d39' }}
+                                            >
+                                                &#9733;
+                                            </span>
+                                            );
+                                        })}
+                                    </div>
+                                    <p>Por: {usernames[review.user]}</p>
+                                    {(review.user == idUserLogin) && (
+                                        <p>(você)</p>
+                                    )}
                             </div>
                         </div>
-                        <Link className="link" to={`/reviews/${review.restaurant}/${review.user}`}>
+                        <Link className="restaurant-link-button" to={`/reviews/${review.restaurant}/${review.user}`}>
                             <div className="view-button">
                                 <p>Ver Mais...</p>
                             </div>
                         </Link>
                     </div>
                 ))}
-
             </div>
         </div>
+        
         )}
         <div>
             <Link id="return" to={'/restaurants/'+idrest}>
diff --git a/frontend/src/style/ReviewPage.css b/frontend/src/style/ReviewPage.css
new file mode 100644
index 0000000000..8e62f715a1
--- /dev/null
+++ b/frontend/src/style/ReviewPage.css
@@ -0,0 +1,121 @@
+.review-page-container {
+    display: flex;
+    justify-content: center;
+  }
+  
+  .review-page {
+    max-width: 800px;
+    margin: 20px;
+    padding: 20px;
+    border: 1px solid #ccc;
+    border-radius: 10px;
+    background-color: #fff;
+  }
+  
+  .restaurant-details {
+    text-align: center;
+    margin-bottom: 20px;
+  }
+  
+  .restaurant-img {
+    width: 200px;
+    height: 200px;
+    border-radius: 50%;
+    object-fit: cover;
+  }
+  
+  .restaurant-details p {
+    margin-top: 10px;
+    font-size: 18px;
+  }
+  
+  .review-data {
+    background-color: #f9f9f9;
+    border-radius: 10px;
+    padding: 20px;
+    margin-bottom: 20px;
+  }
+  
+  .review-main-details h2 {
+    font-size: 24px;
+    margin-bottom: 10px;
+  }
+  
+  .star-rating {
+    margin-bottom: 10px;
+  }
+  
+  .star-rating span {
+    font-size: 20px;
+    margin-right: 5px;
+  }
+  
+  .review-details p {
+    margin-bottom: 10px;
+  }
+  
+  .review-ratings p {
+    font-weight: bold;
+  }
+  
+  .review-ratings div {
+    margin-bottom: 10px;
+  }
+  
+  .review-buttons {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+  }
+  
+  .simple-button,
+  .delete-button {
+    padding: 8px 16px;
+    border: none;
+    border-radius: 5px;
+    background-color: #007bff;
+    color: white;
+    cursor: pointer;
+    text-decoration: none;
+  }
+  
+  .delete-button {
+    background-color: #dc3545;
+  }
+  
+  .simple-button:hover,
+  .delete-button:hover {
+    opacity: 0.7;
+  }
+  
+  .review-voting {
+    margin-top: 20px;
+  }
+  
+  .review-voting p {
+    font-weight: bold;
+  }
+  
+  .review-voting button {
+    display: flex;
+    align-items: center;
+    padding: 5px 10px;
+    margin-right: 10px;
+    border: none;
+    background-color: transparent;
+    cursor: pointer;
+  }
+  
+  .review-return {
+    display: block;
+    margin-top: 20px;
+    text-align: center;
+    color: blue;
+    text-decoration: none;
+    font-weight: bold;
+  }
+  
+  .review-return:hover {
+    text-decoration: underline;
+  }
+  
\ No newline at end of file