diff --git a/src/components/Explore/OperatorGrid/OperatorGrid.tsx b/src/components/Explore/OperatorGrid/OperatorGrid.tsx
index 917eddf..8fe461a 100644
--- a/src/components/Explore/OperatorGrid/OperatorGrid.tsx
+++ b/src/components/Explore/OperatorGrid/OperatorGrid.tsx
@@ -18,7 +18,6 @@ const OperatorGrid: React.FC<OperatorGridProps> = ({ data, isLoading }) => {
   const observerRef = useRef<IntersectionObserver | null>(null)
   const lastElementRef = useRef<HTMLDivElement | null>(null)
 
-  // Infinite scroll logic
   const handleObserver = useCallback(
     (entries: IntersectionObserverEntry[]) => {
       const target = entries[0]
@@ -67,7 +66,7 @@ const OperatorGrid: React.FC<OperatorGridProps> = ({ data, isLoading }) => {
                 <img
                   key={index}
                   src={operator.image}
-                  data-src={operator.gif}
+                  data-src={operator?.gif}
                   alt={`Operator ${index + 1}`}
                   loading="lazy"
                   className="lazyload"
@@ -78,14 +77,14 @@ const OperatorGrid: React.FC<OperatorGridProps> = ({ data, isLoading }) => {
         } else {
           return (
             <Link
-              href={`/operators/${operator.id}`}
+              href={`/operators/${operator?.id}`}
               key={'explore-operator-' + index}
             >
               <GridItem>
                 <img
                   key={index}
-                  src={operator.image}
-                  data-src={operator.gif}
+                  src={operator?.image}
+                  data-src={operator?.gif}
                   alt={`Operator ${index + 1}`}
                   loading="lazy"
                   className="lazyload"
diff --git a/src/components/Operator/OperatorDetails/DownloadDropdown.tsx b/src/components/Operator/OperatorDetails/DownloadDropdown.tsx
index eaae3d1..396de17 100644
--- a/src/components/Operator/OperatorDetails/DownloadDropdown.tsx
+++ b/src/components/Operator/OperatorDetails/DownloadDropdown.tsx
@@ -7,7 +7,8 @@ interface Props {
 }
 
 function updateImageUrl(inputUrl: string): string {
-  const urlParts = inputUrl.split('/')
+  if (!inputUrl) return ''
+  const urlParts = inputUrl?.split('/')
 
   if (urlParts.length > 4 && urlParts[4] === '400') {
     urlParts[4] = '1024'
@@ -37,7 +38,7 @@ const DownloadDropdown = ({ operator }: Props) => {
         </ChevronIconWrapper>
       </DropdownButton>
       <DropdownContent isOpen={isOpen}>
-        <DropdownItem href={operator.gif} download>
+        <DropdownItem href={operator?.gif} download>
           <Left>
             <Icon>
               <Image
@@ -51,7 +52,7 @@ const DownloadDropdown = ({ operator }: Props) => {
           </Left>
           <FileType>.gif</FileType>
         </DropdownItem>
-        <DropdownItem href={updateImageUrl(operator.gif)} download>
+        <DropdownItem href={updateImageUrl(operator?.gif)} download>
           <Left>
             <Icon>
               <Image
@@ -65,7 +66,7 @@ const DownloadDropdown = ({ operator }: Props) => {
           </Left>
           <FileType>.gif</FileType>
         </DropdownItem>
-        <DropdownItem href={operator.image} download>
+        <DropdownItem href={operator?.image} download>
           <Left>
             <Icon>
               <Image
@@ -79,7 +80,7 @@ const DownloadDropdown = ({ operator }: Props) => {
           </Left>
           <FileType>.jpeg</FileType>
         </DropdownItem>
-        <DropdownItem href={updateImageUrl(operator.image)} download>
+        <DropdownItem href={updateImageUrl(operator?.image)} download>
           <Left>
             <Icon>
               <Image