diff --git a/src/app/[lang]/crag/[cragSlug]/components/crag-routes/crag-route-list/crag-route/difficulty-votes.tsx b/src/app/[lang]/crag/[cragSlug]/components/crag-routes/crag-route-list/crag-route/difficulty-votes.tsx
index ff33a967..32d01f11 100644
--- a/src/app/[lang]/crag/[cragSlug]/components/crag-routes/crag-route-list/crag-route/difficulty-votes.tsx
+++ b/src/app/[lang]/crag/[cragSlug]/components/crag-routes/crag-route-list/crag-route/difficulty-votes.tsx
@@ -34,75 +34,81 @@ function DifficultyVotes({ route, difficultyVotes }: Props) {
 
   return (
     <>
-      <table className="w-full max-w-sm">
-        <tbody>
-          {Object.entries(nrVotesPerDifficulty).map(([difficulty, nrVotes]) => (
-            <tr key={difficulty}>
-              <td className="pr-4">
-                <Grade
-                  difficulty={parseInt(difficulty)}
-                  displayIntermediate={true}
-                />
-              </td>
-              <td className="w-full">
-                <span
-                  className={`float-left block h-5 w-0.5 ${
-                    nrVotes === maxVotesPerDifficulty && "w-full"
-                  } rounded ${
-                    routeGradeDifficulty === parseInt(difficulty)
-                      ? "bg-blue-500"
-                      : "bg-neutral-200"
-                  }`}
-                  style={
-                    nrVotes > 0
-                      ? {
-                          width: `${Math.round(
-                            (nrVotes / maxVotesPerDifficulty) * 100
-                          )}%`,
+      {difficultyVotes.length > 0 && (
+        <>
+          <table className="w-full">
+            <tbody>
+              {Object.entries(nrVotesPerDifficulty).map(
+                ([difficulty, nrVotes]) => (
+                  <tr key={difficulty}>
+                    <td className="pr-4">
+                      <Grade
+                        difficulty={parseInt(difficulty)}
+                        displayIntermediate={true}
+                      />
+                    </td>
+                    <td className="w-full">
+                      <span
+                        className={`float-left block h-5 w-0.5 ${
+                          nrVotes === maxVotesPerDifficulty && "w-full"
+                        } rounded ${
+                          routeGradeDifficulty === parseInt(difficulty)
+                            ? "bg-blue-500"
+                            : "bg-neutral-200"
+                        }`}
+                        style={
+                          nrVotes > 0
+                            ? {
+                                width: `${Math.round(
+                                  (nrVotes / maxVotesPerDifficulty) * 100
+                                )}%`,
+                              }
+                            : {}
                         }
-                      : {}
+                      ></span>
+                      <span className="relative float-left">
+                        <span className="absolute whitespace-nowrap pl-3 align-middle text-sm">
+                          {nrVotes !== maxVotesPerDifficulty &&
+                            pluralizeNoun("glas", nrVotes)}
+                        </span>
+                      </span>
+                    </td>
+                    <td className="whitespace-nowrap pl-3 align-middle text-sm">
+                      {nrVotes === maxVotesPerDifficulty &&
+                        pluralizeNoun("glas", nrVotes)}
+                    </td>
+                  </tr>
+                )
+              )}
+            </tbody>
+          </table>
+          <table className="mt-8 w-full">
+            <tbody>
+              {difficultyVotes.map((vote) => (
+                <tr
+                  key={vote.id}
+                  className={
+                    vote.includedInCalculation
+                      ? "text-neutral-900"
+                      : "text-neutral-500"
                   }
-                ></span>
-                <span className="relative float-left">
-                  <span className="absolute whitespace-nowrap pl-3 align-middle text-sm">
-                    {nrVotes !== maxVotesPerDifficulty &&
-                      pluralizeNoun("glas", nrVotes)}
-                  </span>
-                </span>
-              </td>
-              <td className="whitespace-nowrap pl-3 align-middle text-sm">
-                {nrVotes === maxVotesPerDifficulty &&
-                  pluralizeNoun("glas", nrVotes)}
-              </td>
-            </tr>
-          ))}
-        </tbody>
-      </table>
-      <table className="mt-8">
-        <tbody>
-          {difficultyVotes.map((vote) => (
-            <tr
-              key={vote.id}
-              className={
-                vote.includedInCalculation
-                  ? "text-neutral-900"
-                  : "text-neutral-500"
-              }
-            >
-              <td className="pr-4">
-                <Grade
-                  difficulty={vote.difficulty}
-                  displayIntermediate={true}
-                />
-              </td>
-              <td className="pr-4">
-                {vote.isBase ? "(bazna ocena)" : vote.user?.fullName}
-              </td>
-              <td>{displayDate(vote.created)}</td>
-            </tr>
-          ))}
-        </tbody>
-      </table>
+                >
+                  <td className="pr-4">
+                    <Grade
+                      difficulty={vote.difficulty}
+                      displayIntermediate={true}
+                    />
+                  </td>
+                  <td className="pr-4">
+                    {vote.isBase ? "(bazna ocena)" : vote.user?.fullName}
+                  </td>
+                  <td className="text-right">{displayDate(vote.created)}</td>
+                </tr>
+              ))}
+            </tbody>
+          </table>
+        </>
+      )}
     </>
   );
 }
diff --git a/src/app/[lang]/crag/[cragSlug]/components/crag-routes/crag-route-list/crag-route/route-grade.tsx b/src/app/[lang]/crag/[cragSlug]/components/crag-routes/crag-route-list/crag-route/route-grade.tsx
index dedf4f84..84c85f3b 100644
--- a/src/app/[lang]/crag/[cragSlug]/components/crag-routes/crag-route-list/crag-route/route-grade.tsx
+++ b/src/app/[lang]/crag/[cragSlug]/components/crag-routes/crag-route-list/crag-route/route-grade.tsx
@@ -1,4 +1,3 @@
-import { useRouter } from "next/navigation";
 import Dialog, {
   DialogSize,
 } from "../../../../../../../../components/ui/dialog";
@@ -8,6 +7,7 @@ import Grade from "@/components/grade";
 import useIsVisible from "@/hooks/useIsVisible";
 import { useEffect, useRef, useState } from "react";
 import difficultyVotesAction from "./server-actions/difficulty-votes-action";
+import Button from "@/components/ui/button";
 
 interface RouteGradeProps {
   route: Route;
@@ -15,14 +15,8 @@ interface RouteGradeProps {
 }
 
 function RouteGrade({ route, crag }: RouteGradeProps) {
-  const router = useRouter();
   const ref = useRef<HTMLButtonElement>(null);
-  const handleOpenRoutePage = () => {
-    router.push(`/plezalisce/${crag.slug}/smer/${route.slug}`);
-  };
-
   const visible = useIsVisible(ref);
-
   const [difficultyVotes, setDifficultyVotes] = useState<DifficultyVote[]>([]);
 
   useEffect(() => {
@@ -38,13 +32,12 @@ function RouteGrade({ route, crag }: RouteGradeProps) {
   ) : (
     <Dialog
       openTrigger={
-        <button ref={ref}>
-          {route.difficulty && <Grade difficulty={route.difficulty} />}
-        </button>
+        <Button renderStyle="icon" ref={ref}>
+          <>{route.difficulty && <Grade difficulty={route.difficulty} />}</>
+        </Button>
       }
       dialogSize={DialogSize.medium}
       title="Glasovi uporabnikov"
-      confirm={{ label: "Več", callback: handleOpenRoutePage }}
       cancel={{ label: "Zapri" }}
     >
       <DifficultyVotes route={route} difficultyVotes={difficultyVotes} />
diff --git a/src/components/ui/dialog.tsx b/src/components/ui/dialog.tsx
index a71f466d..92b56f59 100644
--- a/src/components/ui/dialog.tsx
+++ b/src/components/ui/dialog.tsx
@@ -13,8 +13,8 @@ interface DialogProps {
   children: ReactElement;
   title: string;
   openTrigger: ReactElement;
-  confirm: { label: string; callback?: () => void };
-  cancel: { label: string; callback?: () => void };
+  confirm?: { label: string; callback?: () => void };
+  cancel?: { label: string; callback?: () => void };
   dialogSize?: DialogSize;
   closeWithEscOrPressOutside?: boolean;
   closeCallback?: () => void;
@@ -80,10 +80,14 @@ function Dialog({
               </DialogHUI.Description>
             )}
             <div className="mt-10 flex flex-wrap justify-end gap-4">
-              <Button variant="secondary" onClick={handleCancel}>
-                {cancel.label}
-              </Button>
-              <Button onClick={handleConfirm}>{confirm.label}</Button>
+              {cancel && (
+                <Button variant="secondary" onClick={handleCancel}>
+                  {cancel.label}
+                </Button>
+              )}
+              {confirm && (
+                <Button onClick={handleConfirm}>{confirm.label}</Button>
+              )}
             </div>
           </DialogHUI.Panel>
         </div>