From 9d2183e5549144f5d5b529032e76ab7b457b84e1 Mon Sep 17 00:00:00 2001
From: Chuck Dries <chuck@chuckdries.com>
Date: Mon, 11 Jul 2022 15:56:09 -0700
Subject: [PATCH] working on actionbuttons styling

---
 src/components/index/ActionButtons.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

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")}