diff --git a/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx
index 06ee3719e..54d37f281 100644
--- a/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx
@@ -495,7 +495,9 @@ export default function NodeToolbarComponent({
                     shift={true}
                     value={"Share"}
                     icon={"Share3"}
-                    styleObj={{iconClasses: "relative top-0.5 -m-1 mr-1 h-6 w-6"}}
+                    styleObj={{
+                      iconClasses: "relative top-0.5 -m-1 mr-1 h-6 w-6",
+                    }}
                   />
                 </SelectItem>
               )}
@@ -515,12 +517,12 @@ export default function NodeToolbarComponent({
                 disabled={data.node?.documentation === ""}
               >
                 <ToolbarSelectItem
-                    keyboardKey="D"
-                    isMac={navigator.userAgent.toUpperCase().includes("MAC")}
-                    shift={true}
-                    value={"Docs"}
-                    icon={"FileText"}
-                  />
+                  keyboardKey="D"
+                  isMac={navigator.userAgent.toUpperCase().includes("MAC")}
+                  shift={true}
+                  value={"Docs"}
+                  icon={"FileText"}
+                />
               </SelectItem>
               {isMinimal && (
                 <SelectItem value={"show"}>
@@ -533,7 +535,7 @@ export default function NodeToolbarComponent({
                     {navigator.userAgent.toUpperCase().includes("MAC") ? (
                       <IconComponent
                         name="Command"
-                        className="absolute right-[1.15rem] top-[0.65em] h-3.5 w-3.5 stroke-2"
+                        className="absolute right-[1.25rem] top-[0.65em] h-3.5 w-3.5 stroke-2"
                       ></IconComponent>
                     ) : (
                       <span className="absolute right-[1.30rem] top-[0.40em] stroke-2">
diff --git a/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/toolbarSelectItem/index.tsx b/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/toolbarSelectItem/index.tsx
index 00e31e08a..41f7cea84 100644
--- a/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/toolbarSelectItem/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/toolbarSelectItem/index.tsx
@@ -1,4 +1,3 @@
-import { useEffect } from "react";
 import ForwardedIconComponent from "../../../../../components/genericIconComponent";
 import { toolbarSelectItemProps } from "../../../../../types/components";
 
@@ -10,7 +9,6 @@ export default function ToolbarSelectItem({
   icon,
   styleObj,
 }: toolbarSelectItemProps) {
-
   return (
     <div className="flex">
       <ForwardedIconComponent
@@ -21,24 +19,28 @@ export default function ToolbarSelectItem({
       {isMac ? (
         <ForwardedIconComponent
           name="Command"
-          className={`absolute right-[${shift ? "2rem" : "1.15rem"}] top-[0.65em] h-3.5 w-3.5 stroke-2 ${styleObj?.commandClasses}`}
+          className={`absolute
+          ${shift ? " right-[2rem] " : "right-[1.15rem]"}
+          top-[0.65em] h-3.5 w-3.5 stroke-2 ${styleObj?.commandClasses}`}
         ></ForwardedIconComponent>
       ) : (
-        <span className={`absolute right-[${shift ? "2.10rem" : "1.15rem"}] top-[0.43em] stroke-2 ${styleObj?.ctrlClasses}`}>
-            {shift ? (
-              "Ctrl"
-            ) : (
-              "Ctrl +"
-            )}
+        <span
+          className={`absolute ${
+            shift ? " right-[2.15rem] " : "right-[1.15rem]"
+          } top-[0.43em] stroke-2 `}
+        >
+          {shift ? "Ctrl" : "Ctrl +"}
         </span>
       )}
-        {shift && (
-          <ForwardedIconComponent
-            name="ArrowBigUp"
-            className={`absolute right-[1.15rem] top-[0.65em] h-3.5 w-3.5 stroke-2 ${styleObj?.shiftClasses}`}
-          />
-        )}
-        <span className={`absolute right-2 top-[0.43em] ${styleObj?.keyClasses}`}>{keyboardKey}</span>
+      {shift && (
+        <ForwardedIconComponent
+          name="ArrowBigUp"
+          className={`absolute right-[1.15rem] top-[0.65em] h-3.5 w-3.5 stroke-2 ${styleObj?.shiftClasses}`}
+        />
+      )}
+      <span className={`absolute right-2 top-[0.43em] ${styleObj?.keyClasses}`}>
+        {keyboardKey}
+      </span>
     </div>
   );
 }