diff --git a/src/components/index/ActionButtons.js b/src/components/index/ActionButtons.js
index a94c003..12d8678 100644
--- a/src/components/index/ActionButtons.js
+++ b/src/components/index/ActionButtons.js
@@ -7,7 +7,7 @@ import Shuffle from "@spectrum-icons/workflow/Shuffle";
 
 const getButtonClasses = (isClient) =>
   classnames(
-    "z-20 rounded-md text-md inline-block px-2 py-1 mt-1 md:py-2 md:px-3 md:my-1 mr-2 text-md hover:underline text-black",
+    "z-20 rounded-md text-md inline-block px-2 py-1 mt-1 md:py-2 md:px-3 md:my-1 mr-2 text-md font-bold hover:underline text-black",
     isClient ? "cool-border-small hover:bg-vibrant" : "text-gray-200"
   );
 
@@ -40,7 +40,7 @@ const ActionButtons = ({ isClient, image, shuffleImage }) => (
         title="shuffle image"
         type="button"
       >
-        <Shuffle aria-label="shuffle image" />
+        <Shuffle aria-label="shuffle image" size="S" />
       </button>
       <Link
         className={getButtonClasses(isClient, "muted")}