diff --git a/frontend/src/components/gateway/HTTPRouteDetails.tsx b/frontend/src/components/gateway/HTTPRouteDetails.tsx
index e110c9b831..03fc741657 100644
--- a/frontend/src/components/gateway/HTTPRouteDetails.tsx
+++ b/frontend/src/components/gateway/HTTPRouteDetails.tsx
@@ -44,7 +44,7 @@ export default function HTTPRouteDetails(props: { name?: string; namespace?: str
         httpRoute && [
           {
             name: 'Hostnames',
-            value: <LabelListItem labels={httpRoute.hostnames?.map(tls => `${tls}`)} />,
+            value: <LabelListItem labels={httpRoute.hostnames.map(tls => `${tls}`)} />,
           },
         ]
       }
diff --git a/frontend/src/components/gateway/HTTPRouteList.tsx b/frontend/src/components/gateway/HTTPRouteList.tsx
index 654c702ded..bf1b5e3e11 100644
--- a/frontend/src/components/gateway/HTTPRouteList.tsx
+++ b/frontend/src/components/gateway/HTTPRouteList.tsx
@@ -25,7 +25,7 @@ export default function HTTPRouteList() {
         {
           id: 'rules',
           label: t('translation|rules'),
-          getValue: (httpRoute: HTTPRoute) => httpRoute.spec.rules.length,
+          getValue: (httpRoute: HTTPRoute) => httpRoute.spec.rules?.length,
         },
         'age',
       ]}
diff --git a/frontend/src/components/gateway/__snapshots__/ClassList.Items.stories.storyshot b/frontend/src/components/gateway/__snapshots__/ClassList.Items.stories.storyshot
index c513429242..b04a8586e6 100644
--- a/frontend/src/components/gateway/__snapshots__/ClassList.Items.stories.storyshot
+++ b/frontend/src/components/gateway/__snapshots__/ClassList.Items.stories.storyshot
@@ -10,7 +10,7 @@
           class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
         >
           <div
-            class="MuiBox-root css-70qvj9"
+            class="MuiBox-root css-15xsm7k"
           >
             <h1
               class="MuiTypography-root MuiTypography-h1 MuiTypography-noWrap css-yeaech-MuiTypography-root"
diff --git a/frontend/src/components/gateway/__snapshots__/GRPCRouteDetails.Basic.stories.storyshot b/frontend/src/components/gateway/__snapshots__/GRPCRouteDetails.Basic.stories.storyshot
index f947737f61..df629ad86a 100644
--- a/frontend/src/components/gateway/__snapshots__/GRPCRouteDetails.Basic.stories.storyshot
+++ b/frontend/src/components/gateway/__snapshots__/GRPCRouteDetails.Basic.stories.storyshot
@@ -42,12 +42,12 @@
               class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
             >
               <div
-                class="MuiBox-root css-70qvj9"
+                class="MuiBox-root css-15xsm7k"
               >
                 <h1
                   class="MuiTypography-root MuiTypography-h1 MuiTypography-noWrap css-yeaech-MuiTypography-root"
                 >
-                  GRPCRoute
+                  GRPCRoute: default-httproute
                 </h1>
                 <div
                   class="MuiBox-root css-ldp2l3"
@@ -187,7 +187,7 @@
                 class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
               >
                 <div
-                  class="MuiBox-root css-70qvj9"
+                  class="MuiBox-root css-15xsm7k"
                 >
                   <h2
                     class="MuiTypography-root MuiTypography-h2 MuiTypography-noWrap css-m5vcfd-MuiTypography-root"
@@ -351,7 +351,7 @@
                 class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
               >
                 <div
-                  class="MuiBox-root css-70qvj9"
+                  class="MuiBox-root css-15xsm7k"
                 >
                   <h2
                     class="MuiTypography-root MuiTypography-h2 MuiTypography-noWrap css-m5vcfd-MuiTypography-root"
diff --git a/frontend/src/components/gateway/__snapshots__/GRPCRouteList.Items.stories.storyshot b/frontend/src/components/gateway/__snapshots__/GRPCRouteList.Items.stories.storyshot
index bc51dac68b..6831dd85c6 100644
--- a/frontend/src/components/gateway/__snapshots__/GRPCRouteList.Items.stories.storyshot
+++ b/frontend/src/components/gateway/__snapshots__/GRPCRouteList.Items.stories.storyshot
@@ -10,7 +10,7 @@
           class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
         >
           <div
-            class="MuiBox-root css-70qvj9"
+            class="MuiBox-root css-15xsm7k"
           >
             <h1
               class="MuiTypography-root MuiTypography-h1 MuiTypography-noWrap css-yeaech-MuiTypography-root"
diff --git a/frontend/src/components/gateway/__snapshots__/GatewayDetails.Basic.stories.storyshot b/frontend/src/components/gateway/__snapshots__/GatewayDetails.Basic.stories.storyshot
index 0a02a92637..ce7246334e 100644
--- a/frontend/src/components/gateway/__snapshots__/GatewayDetails.Basic.stories.storyshot
+++ b/frontend/src/components/gateway/__snapshots__/GatewayDetails.Basic.stories.storyshot
@@ -42,12 +42,12 @@
               class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
             >
               <div
-                class="MuiBox-root css-70qvj9"
+                class="MuiBox-root css-15xsm7k"
               >
                 <h1
                   class="MuiTypography-root MuiTypography-h1 MuiTypography-noWrap css-yeaech-MuiTypography-root"
                 >
-                  Gateway
+                  Gateway: default-gateway
                 </h1>
                 <div
                   class="MuiBox-root css-ldp2l3"
@@ -202,7 +202,7 @@
                 class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
               >
                 <div
-                  class="MuiBox-root css-70qvj9"
+                  class="MuiBox-root css-15xsm7k"
                 >
                   <h2
                     class="MuiTypography-root MuiTypography-h2 MuiTypography-noWrap css-m5vcfd-MuiTypography-root"
@@ -251,7 +251,7 @@
                 class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
               >
                 <div
-                  class="MuiBox-root css-70qvj9"
+                  class="MuiBox-root css-15xsm7k"
                 >
                   <h2
                     class="MuiTypography-root MuiTypography-h2 MuiTypography-noWrap css-m5vcfd-MuiTypography-root"
@@ -342,7 +342,7 @@
                 class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
               >
                 <div
-                  class="MuiBox-root css-70qvj9"
+                  class="MuiBox-root css-15xsm7k"
                 >
                   <h2
                     class="MuiTypography-root MuiTypography-h2 MuiTypography-noWrap css-m5vcfd-MuiTypography-root"
@@ -391,7 +391,7 @@
                 class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
               >
                 <div
-                  class="MuiBox-root css-70qvj9"
+                  class="MuiBox-root css-15xsm7k"
                 >
                   <h2
                     class="MuiTypography-root MuiTypography-h2 MuiTypography-noWrap css-m5vcfd-MuiTypography-root"
diff --git a/frontend/src/components/gateway/__snapshots__/GatewayList.Items.stories.storyshot b/frontend/src/components/gateway/__snapshots__/GatewayList.Items.stories.storyshot
index aed9a7b4c6..290633816c 100644
--- a/frontend/src/components/gateway/__snapshots__/GatewayList.Items.stories.storyshot
+++ b/frontend/src/components/gateway/__snapshots__/GatewayList.Items.stories.storyshot
@@ -10,7 +10,7 @@
           class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
         >
           <div
-            class="MuiBox-root css-70qvj9"
+            class="MuiBox-root css-15xsm7k"
           >
             <h1
               class="MuiTypography-root MuiTypography-h1 MuiTypography-noWrap css-yeaech-MuiTypography-root"
diff --git a/frontend/src/components/gateway/__snapshots__/HTTPRouteDetails.Basic.stories.storyshot b/frontend/src/components/gateway/__snapshots__/HTTPRouteDetails.Basic.stories.storyshot
index ee03e16c68..3798ce8a6e 100644
--- a/frontend/src/components/gateway/__snapshots__/HTTPRouteDetails.Basic.stories.storyshot
+++ b/frontend/src/components/gateway/__snapshots__/HTTPRouteDetails.Basic.stories.storyshot
@@ -42,12 +42,12 @@
               class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
             >
               <div
-                class="MuiBox-root css-70qvj9"
+                class="MuiBox-root css-15xsm7k"
               >
                 <h1
                   class="MuiTypography-root MuiTypography-h1 MuiTypography-noWrap css-yeaech-MuiTypography-root"
                 >
-                  HTTPRoute
+                  HTTPRoute: default-httproute
                 </h1>
                 <div
                   class="MuiBox-root css-ldp2l3"
@@ -203,7 +203,7 @@
                 class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
               >
                 <div
-                  class="MuiBox-root css-70qvj9"
+                  class="MuiBox-root css-15xsm7k"
                 >
                   <h2
                     class="MuiTypography-root MuiTypography-h2 MuiTypography-noWrap css-m5vcfd-MuiTypography-root"
@@ -254,7 +254,7 @@
                 class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
               >
                 <div
-                  class="MuiBox-root css-70qvj9"
+                  class="MuiBox-root css-15xsm7k"
                 >
                   <h2
                     class="MuiTypography-root MuiTypography-h2 MuiTypography-noWrap css-m5vcfd-MuiTypography-root"
@@ -303,7 +303,7 @@
                 class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
               >
                 <div
-                  class="MuiBox-root css-70qvj9"
+                  class="MuiBox-root css-15xsm7k"
                 >
                   <h2
                     class="MuiTypography-root MuiTypography-h2 MuiTypography-noWrap css-m5vcfd-MuiTypography-root"
diff --git a/frontend/src/components/gateway/__snapshots__/HTTPRouteList.Items.stories.storyshot b/frontend/src/components/gateway/__snapshots__/HTTPRouteList.Items.stories.storyshot
index 248a2e9a28..59b63c48e3 100644
--- a/frontend/src/components/gateway/__snapshots__/HTTPRouteList.Items.stories.storyshot
+++ b/frontend/src/components/gateway/__snapshots__/HTTPRouteList.Items.stories.storyshot
@@ -10,7 +10,7 @@
           class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
         >
           <div
-            class="MuiBox-root css-70qvj9"
+            class="MuiBox-root css-15xsm7k"
           >
             <h1
               class="MuiTypography-root MuiTypography-h1 MuiTypography-noWrap css-yeaech-MuiTypography-root"
diff --git a/frontend/src/lib/k8s/httpRoute.ts b/frontend/src/lib/k8s/httpRoute.ts
index 4015969ec6..4dc140b102 100644
--- a/frontend/src/lib/k8s/httpRoute.ts
+++ b/frontend/src/lib/k8s/httpRoute.ts
@@ -24,9 +24,9 @@ export interface HTTPRouteRule {
  */
 export interface KubeHTTPRoute extends KubeObjectInterface {
   spec: {
-    hostnames: string[];
-    parentRefs: GatewayParentReference[];
-    rules: HTTPRouteRule[];
+    hostnames?: string[];
+    parentRefs?: GatewayParentReference[];
+    rules?: HTTPRouteRule[];
     [key: string]: any;
   };
 }
@@ -42,15 +42,15 @@ class HTTPRoute extends KubeObject<KubeHTTPRoute> {
   }
 
   get hostnames(): string[] {
-    return this.jsonData.spec.hostnames;
+    return this.jsonData.spec.hostnames || [];
   }
 
   get rules(): HTTPRouteRule[] {
-    return this.jsonData.spec.rules;
+    return this.jsonData.spec.rules || [];
   }
 
   get parentRefs(): GatewayParentReference[] {
-    return this.jsonData.spec.parentRefs;
+    return this.jsonData.spec.parentRefs || [];
   }
 
   static get pluralName() {