diff --git a/src/MoreOptionsIconContainer.tsx b/src/MoreOptionsIconContainer.tsx
index 22b25b4..6e1f472 100644
--- a/src/MoreOptionsIconContainer.tsx
+++ b/src/MoreOptionsIconContainer.tsx
@@ -5,6 +5,7 @@ import { IconChevronUp } from './IconChevronUp';
 
 interface IMoreOptionsIconContainer {
   right: boolean;
+  isHidden?: boolean;
 }
 
 const MoreOptionsIconContainerStyle = styled.div<IMoreOptionsIconContainer>`
@@ -26,6 +27,8 @@ const MoreOptionsIconContainerStyle = styled.div<IMoreOptionsIconContainer>`
 
   padding-right: ${props => (props.right ? '10px' : '0px')};
 
+  visibility: ${({ isHidden }) => (isHidden ? 'hidden' : 'visible')};
+
   :hover {
     color: hsl(220deg 15% 50%);
   }
@@ -37,6 +40,7 @@ type MoreOptionsIconContainerProps = {
     | undefined;
   active: boolean;
   right?: boolean;
+  isHidden?: boolean;
 };
 
 type ReactRef =
@@ -47,12 +51,13 @@ type ReactRef =
 
 export const MoreOptionsIconContainer = React.forwardRef(
   (props: MoreOptionsIconContainerProps, ref: ReactRef) => {
-    const { onClick, active, right } = props;
+    const { onClick, active, right, isHidden } = props;
     return (
       <MoreOptionsIconContainerStyle
         right={right || false}
         ref={ref}
         onClick={onClick}
+        isHidden={isHidden}
       >
         {!active && <IconChevronDown />}
         {active && <IconChevronUp />}
diff --git a/src/OptionsOverlay.tsx b/src/OptionsOverlay.tsx
index ff33f9d..b3cc98c 100644
--- a/src/OptionsOverlay.tsx
+++ b/src/OptionsOverlay.tsx
@@ -74,7 +74,7 @@ export const OptionsOverlay = <T extends Options>(
       minHeight={`${convertCardSizes.height}px`}
       maxHeight={`${convertCardSizes.height}px`}
     >
-      {shownMenuOptions.map((option) => {
+      {shownMenuOptions.map(option => {
         return (
           <OverlayOption
             key={option.name}
diff --git a/src/index.tsx b/src/index.tsx
index 83d88b3..7122de2 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -123,7 +123,7 @@ export const InOutTextarea: FC<Props> = props => {
                 if (a.active) return -1;
                 return 0;
               })
-              .map((option) => {
+              .map(option => {
                 return (
                   <InMenuOptionStuff
                     key={option.name}
@@ -142,6 +142,7 @@ export const InOutTextarea: FC<Props> = props => {
             ref={inOptionsMenuRef}
             onClick={onInMoreOptionsClick}
             active={showAdditionalInOptions}
+            isHidden={menuInOptions.length === 0}
           />
         </SideBar>
         <Spacer />
@@ -153,7 +154,7 @@ export const InOutTextarea: FC<Props> = props => {
                 if (a.active) return -1;
                 return 0;
               })
-              .map((option) => {
+              .map(option => {
                 return (
                   <OutMenuOptionStuff
                     key={option.name}
@@ -173,6 +174,7 @@ export const InOutTextarea: FC<Props> = props => {
             ref={outOptionsMenuRef}
             onClick={onOutMoreOptionsClick}
             active={showAdditionalOutOptions}
+            isHidden={menuOutOptions.length === 0}
           />
         </SideBar>
       </CaseBar>