diff --git a/components/Editor/EditorControls.tsx b/components/Editor/EditorControls.tsx
index d23a642..dacb167 100644
--- a/components/Editor/EditorControls.tsx
+++ b/components/Editor/EditorControls.tsx
@@ -88,10 +88,10 @@ const EditorControls = ({
           <RiLinksLine size={16} />
         </Button>
 
-        <div className="xl:hidden block">
+        <div className="xl:block hidden max-w-36 2xl:max-w-full">
           <ExampleSelector onExampleChange={onExampleChange} />
         </div>
-        <div className="xl:block hidden">
+        <div className="xl:hidden block">
           <MobileExampleSelector onExampleChange={onExampleChange} />
         </div>
       </div>
diff --git a/components/Editor/ExampleSelector.tsx b/components/Editor/ExampleSelector.tsx
index 83879c8..7d3d330 100644
--- a/components/Editor/ExampleSelector.tsx
+++ b/components/Editor/ExampleSelector.tsx
@@ -27,11 +27,12 @@ const examplesOptions = Examples.Cairo.map((_, i) => ({
   label: CairoExampleNames[i],
 }))
 
-function ExampleSelector({ onExampleChange }: Props) {
+export function MobileExampleSelector({ onExampleChange }: Props) {
   return (
     <Select
       onChange={onExampleChange}
       options={examplesOptions}
+      defaultValue={examplesOptions[0]}
       components={{
         DropdownIndicator,
       }}
@@ -45,32 +46,23 @@ function ExampleSelector({ onExampleChange }: Props) {
   )
 }
 
-export default ExampleSelector
-
-export function MobileExampleSelector({ onExampleChange }: Props) {
+export function ExampleSelector({ onExampleChange }: Props) {
   return (
     <Select
       onChange={onExampleChange}
       options={examplesOptions}
+      defaultValue={examplesOptions[0]}
       classNamePrefix="select"
       placeholder={'Choose Cairo Example'}
       menuPlacement="top"
       isSearchable={false}
       instanceId={useId()}
-      styles={{
-        placeholder: (baseStyles) => ({
-          ...baseStyles,
-          color: '#4B5563',
-          ':hover': {
-            color: '#111827',
-          },
-          whiteSpace: 'nowrap',
-        }),
-      }}
     />
   )
 }
 
+export default ExampleSelector
+
 const reactSelectStyles: StylesConfig<
   SelectOption,
   false,
diff --git a/components/Editor/examples.ts b/components/Editor/examples.ts
index 5215966..ddf75e9 100644
--- a/components/Editor/examples.ts
+++ b/components/Editor/examples.ts
@@ -502,7 +502,7 @@ ret;
 }
 
 export const CairoExampleNames = [
-  'Simple',
+  'Simple program',
   'Variables & mutability',
   //   'Type casting',
   'Control flow',