diff --git a/components/BottomMenu.tsx b/components/BottomMenu.tsx
index 86ab96f..860dff7 100644
--- a/components/BottomMenu.tsx
+++ b/components/BottomMenu.tsx
@@ -73,10 +73,10 @@ const BottomMenu: FC<Props> = ({ className }) => {
           {'share' in navigator ? (
             <button
               disabled={isWelcoming}
-              className="p-1 h-16 w-7 rounded shadow-lg bg-purple-500 hover:bg-purple-400 disabled:hover:bg-purple-500 disabled:cursor-default"
+              className="p-1 h-16 w-10 rounded shadow-lg bg-purple-500 hover:bg-purple-400 disabled:hover:bg-purple-500 disabled:cursor-default"
               onClick={onShare}
             >
-              <ShareIcon className="h-full text-purple-50 dark:text-gray-900" />
+              <ShareIcon className="text-purple-50 dark:text-gray-900" />
             </button>
           ) : (
             <button
diff --git a/components/TopMenu.tsx b/components/TopMenu.tsx
index cafbee8..fa55808 100644
--- a/components/TopMenu.tsx
+++ b/components/TopMenu.tsx
@@ -55,7 +55,7 @@ const TopMenu: FC<Props> = () => {
         <div className="relative z-20" ref={advancedRef}>
           <button
             className={clsx(
-              'w-10 p-1 rounded bg-purple-500 shadow-md text-purple-50 dark:text-gray-900 hover:cursor-pointer hover:bg-purple-400 transition-colors dark:hover:text-purple-50 dark:text-gray-900'
+              'w-10 p-1 rounded bg-purple-500 shadow-md text-purple-50 dark:text-gray-900 hover:cursor-pointer hover:bg-purple-400 transition-colors dark:hover:text-purple-50'
             )}
             onClick={toggleAdvanced}
           >